viri bruk wrote: > I tried to create a 'One True Layout' based my own personal site > theme, or scheme. It looks almost fine in both Firefox and Opera, > unless I add some padding - it breaks and looks the same as in > Internet Explorer, eg navigation floats down the content.
> http://geocities.com/crazy4drac/ 1: as David has mentioned; I don't think you can get a well-working design through all the Geocities garbage. 2: IE/win get the available width/window width messed up because the Geocities garbage is stealing space. Same in Firefox, while my Opera is killing the garbage before rendering anything, thus makes 100% width available to the page. 3: IE/win (which is in quirks mode because of all the garbage) has a rounding-problem. 75% + 25% = 100% + 1px = too wide. IE makes the last float jump back into place on some widths on very wide windows (above 1400) just to prove the point and show its confusion. Solution: make at least one width-value slightly narrower so the sum is less than 100%. 4: paddings is added to width, so any padding has to be subtracted from the width you set, as the sum of width and padding is the actual width you'll get in a standard-compliant browser. Of course, this is not the case in IE/win in quirks mode, so the set width is the actual width in that browser. In short: box-model problems. 5: Centering in IE/win must be done by adding the usual 'text-align: center;' to the outer element and 'text-align: left;' to the then centered inner element. That's the quirk mode variant for IE/win. 6: I didn't find a body start-tag, but there's a body end-tag. Looked a bit incomplete to me even when I count optional elements in HTML4. --- Some problems you've got there. Should be possible to fix locally, but you need a better online host before making anything really stable for the web out of it. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
