Can some kind soul tell me why the sidebar in XP MS-IE 6 shows up below the content?
I have checked it yesterday on an XP PC and a 1280 screen and that's why the "(Grmpfff, Arghh, Hell ...)" part was added to the title.
I have no XP MS-IE 6.
On XP with MS-IE 7 all is fine.
I don't have to mention Firefox, don't I?
On W2K with MS-IE 6 all is fine.
The basic markup
OK, I have a basic page design and now I have added a sidebar.
<body>
<div id="pagewrap">
<div id="wrap">
Main content incl. old footer.
Styled with CSS
</div id="wrap">
<div id="sidebar">
</div id="sidebar">
</div id="pagewrap>
</body>Here is the site
Here is the CSS
The basic CSS for the layout
/*
===== 3: layout =====
*/
body {
width:100%;
margin: 10px 0 0 20px;
padding: 0;
text-align: center;
background: #fff;
color: #000;
font-family: 'Trebuchet MS', Verdana, sans-serif;
}
#pagewrap {
width: 985px;
}
#wrap {
float:left;
width: 760px;
margin: 0 auto;
text-align: left;
}
#sidebar {
float:right;
width: 190px;
padding: 10px;
margin: 0 0 0 3px;
border:1px dotted #271E3D;
background: #ffe;
text-align: left;
font-size: .8em;
}The #pagewrap was only added because I thought it would solve the MS-IE problems by creating another CSS 'box'. For me it looks perfectly fine to only use the body element to have a fixed width.
My W2K MS-IE 6 works fine even down to a 'body' or #pagewrap width of 983px.
Margin counting is: 20 + 760 + 3 + 190 = 973 (cute Google feature :) A fixed width of 985px should be fine.
Post new comment