H. Dean Hua wrote:
> ... main content floats to the bottom in IE.
You're experiencing a few IE bugs.
Two things:
1: the comment above the doctype keeps all versions of IE/win in quirks
mode. Delete that comment - as it says - and things will improve.
2: too tight in IE/win in quirks mode, so you get a "float: drop".
Provide more space by deleting #sidebar {margin-right: 5px;}.
If you also want the layout to work in older IE/win versions - and in
newer in quirks mode, you should add the old centering method...
body {text-align: center;}
#gradlayout { text-align: left;}
> Not to mention that the content in the banner is kinda doing the same
> thing as well.
IE6's old 'margin-doubling on floats' bug.
Add...
.column1, .column2 {display: inline;}
...which has no effect on floats but will "kill" that old bug.
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/
