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

I recently completed a liquid layout site using CSS

http://www.aesthetiqlaser.com

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
DanA's picture
Offline
Elder
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%;*/
overflow:hidden;
background: url(graphics/gradient3.gif) repeat-y;
}
#header h1,#header h2{margin:0;}
#nav {
/*float: left;
width: 100%;*/
margin: 0;
overflow:hidden;
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.