On 27 Oct 2005, at 7:45 am, anathema wrote:
I discovered Alex Robinson's One True Layout [props bro!] the day it
was published and have been trying to make it a fixed width centered
design. Obviously it is easy in standard compliant browsers simply by
putting a margin: 0 auto; on the wrapper. The next course of action
would be to use text-align: center on the body for IE. However, IE 5,
5.5 and 5.2 Mac get it wrong and the wrapper is left aligned. This
clearly?? has to do with the float: left.
Here is the layout.
http://www.webnonsense.org/testing/one/
Here is the css. MY additions are at the bottom.
http://www.webnonsense.org/testing/one/assets/css/non-equal-heights.css
There are various problems with your file, as far as IE mac goes:
1/ the hack you use to serve the float on wrapper to old IE 5 win - IE
Mac fails to recover and sees the float property
2/ the filter you use on the ruleblock
#header /* */, #footer /* */ {
margin: 0 auto;
}
IE Mac ignores those rules (the explanations on dithered.com are just
wrong [1]. Solution, delete those empty comments, just do #header,
#footer { ...}
3/ For IE mac, you set the #wrapper to display:inline-block. This means
it is still an *inline* element and cannot be centered by the use of
margin:auto. Instead, use {text-align:center} on the parent block (the
body in your case).
for [one], your best course of action is to hide those two rules from
IE Mac. You already hide some rules from that browser (within the
backslash (/*\*/) in a comment rule block). The problem then is that
mixing those various hacks will create even more problems. Instead, use
another filter to hide form IE Mac:
@media screen {
#wrapper
{
display: block;
float: left;
float /* */: none;
}
}
[1] http://www.dithered.com/css_filters/css_only/index.php
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com/>
______________________________________________________________________
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/
