1 reply [Last post]
Last seen: 14 years 19 weeks ago
Joined: 2006-09-13
Posts: 1
Points: 0

I recently completed a liquid layout site using CSS


When viewed using Netscape 7.0 and Firefox at different viewport resolutions, site looks OK. However, when viewed using IE6.0, site looks OK at higher screen resolutions but results in a div drop at 800 x 640 resolution. Scroll bars are present even when total width is less than 100%. How can I avoid div drop under IE at lower screen resolutions? Why won't IE render the site correctly using scroll bars rather than div drop of a division floated to the right?

DanA's picture
Last seen: 10 years 37 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

As for the scrollbars

As for the scrollbars use

#header {
/*width: 100%;*/
background: url(graphics/gradient3.gif) repeat-y;
#header h1,#header h2{margin:0;}
#nav {
/*float: left;
width: 100%;*/
margin: 0;
padding: 10px 0 0 46px;
list-style: none;
background: #B3955A url(graphics/nav_bg.gif) repeat-x bottom left;

Add #header,#nav{height:1%;} between conditional comments for ie
Your #content and #sidebar could be enclosed in a div setting the width and width removed from #sidebar.
Validate your HTML.