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.phpwarning=1profile=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/