Noah Learner wrote:
> The following page: http://www.learnerdesign.com/acufamily/test5.html
> appears fine in firefox and ie7, but has multiple display issues in
> safari and ie 6, 5.5, 5.0 etc.
>
> the css is at http://www.learnerdesign.com/acufamily/css/test5.css
For IE6 and IE5.x/win, try adding the following to the bottom of your
stylesheet...
@media screen {
* html #main_body {overflow: visible;}
* html #main_content {overflow-x: hidden;}
* html #shell {overflow-x: hidden;}
* html #container {height: auto; overflow-x: hidden;}
}
Also, the IE hack you have in your stylesheet is wrong...
*html #container #main_body {height: 1%}
...there shall be a space between '*' and 'html' for it to be a proper
IE-hack. Actually, it doesn't do any good even when written correctly
since there's already a width on #main_body that acts as a
'hasLayout'[1] hack. Subsequently, you can delete that attempted IE hack
altogether.
Safari's collapsing seems to be a tougher nut to crack. My version
(2.0.4) doesn't like the 'overflow: hidden' on #main_body, but it
doesn't do well without it either. Potential fixes seems to disturb
various other browser. Someone else may figure out the exact cause and
fix for Safari's erroneous behavior.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
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/
