Beth Lee wrote:
> http://www.callibeth.com/galleries/gallery1/evelyn.php
>
> The HTML validates, and the CSS validates except for two instances of
> this rule:
> * html div#______ { overflow-x:hidden; /* hide horizontal overflow in
> IE5.x - 6 */ }
>
> First, can I get a reminder hint as to why I have that hack?
Probably to prevent the "auto expansion" bug in those IE versions. They
don't respect declared width without such a hack.
> Second, if I need my css to validate, can I serve it as a conditional
> comment; if so, how do I do that?
No need for 'CC', as 'overflow-x' is perfectly valid CSS3.
Your page validated here...
<http://jigsaw.w3.org/css-validator/validator?uri=http://www.callibeth.com/galleries/gallery1/evelyn.php&warning=1&profile=css3>
"Congratulations! No Error Found."
> I submitted it to browsershots.com and see a problem in IE across
> versions and operating systems: the container or outer div -- can't
> tell which -- is not presenting a scroll bar if the content doesn't
> fitabove the footer. Although Firefox is not a problem, Safari 3.0.2
> on XP is. How to fix?
You need a space as tall as the negative margin provided for footer, at
the bottom of the main container. Something like...
#container {padding-bottom: 6em; overflow: hidden;}
...will do. The 'overflow: hidden' is there to "expand the container" in
standard compliant browsers.
Note that you have a strange mixture of 'em' and 'px' that causes the
layout to break with the slightest font resizing.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
