Forum Moderators: not2easy
I think I need to change the body widths to make them fixed but not sure how or what too change. I have placed some code which I hope is enough to help.
If anyone could help I would be very grateful.
My doctype is
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html {
height: 100%;
margin-bottom: 0px;
}
form {
margin: 0;
padding: 0;
}
img,table {
border:none;
}
body {
font-family: Helvetica,Arial,sans-serif;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #333;
---
body.width_medium div#wrapper {
width: 950px;
}
body.width_small div#wrapper {
width: 773px;
}
body.width_fmax div#wrapper {
min-width: 750px;
max-width: 1050px;
}
----
#area {
padding: 0;
width:100%;
}
#whitebox {
margin: 0;
width: auto;
}
#whitebox div {
text-align: left;
}
#whitebox_t {
background: #ebebeb url(../images/header_top_middle.jpg) 0 0 repeat-x;
}
#whitebox_tl {
background: url(../images/header_top_left.jpg) 0 0 no-repeat;
}
#whitebox_tr {
height: 16px;
overflow: hidden;
background: url(../images/header_top_right.jpg) 100% 0 no-repeat;
}
#whitebox_m {
width: auto;
padding: 40px;
margin:0 6px;
background: url(../images/left_bg.jpg) 100% 100% repeat;
}
#whitebox_br {
height: 13px;
background: url(../images/mw_content_b_r.png) 100% 100% no-repeat;
Otherwise, glancing quickly at your description and code, here's some thoughts:
Are you using floats in this layout? I don't see it in your pasted in code, but perhaps you've left out some CSS?
A basic issue with IE6 is a flawed rendering of the float model, particularly a bug called the "double margin float bug" (google that phrase). Basically, your layout might be breaking if you've got a left or right margin applied to block element (e.g. div) that also is floated left or right.
Additionally, if your divs/columns (floated, most likely) exceed in total width the available width of their parent container, you will get on div/column dropping below the previous.
