Alisha wrote:
> #footer {
> min-height: 43px;
> height: 43px;
> voice-family: "\"}\"";
> voice-family:inherit;
> height: auto;
> }
>
> html>body #footer {
> height: auto;
> }
>
> ie6 just doesn't show the div at all. it's like it has no
> height at all.
> if i put a colored border i can see that infact there is a
> div 750px wide but it has no height at all.
If I understand correctly you are trying to feed:
height: 43px
to IE/Win, and:
min-height: 43px;
height: auto;
to other browers (that understand min-width.)
The voice-family hack is used to separate IE5.x from other browsers, but not
IE6 (while you need to separate all IE/Win, since none of them understand
min-height, and all of them treat height as min-height.)
In other words, you are feeding IE6 with height:auto, and it (like IE5.x)
doesn't understand min-width, so you see a collapsed div.
You need a different hack. There are many combination that you can use, for
example (the "* html" feeds rules to IE only)
#footer { min-height: 43px; }
/*\*/ * html #footer { height: 43px; } /**/
Since no one knows for sure what the forthcoming IE7 will support, many will
probably suggest to avoid this type of hacks now, and use conditional
comments instead:
<!--[if lte IE 6]><style>
#footer { height: 43px; }
</style><![endif]-->
(note that this needs to go in the HTML source code, not in the CSS.)
hth,
Bruno
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
