Ok,
Here is my test page as I am changing from tables to divs.
http://www.thai-discovery.com/index2.html

Here is my css

/* CSS Document */
Body {background:#000000;

}

/*columns*/
#container {
margin:0 auto;
width:1001px;
bottom:0;
}
#header {
width: 4000px;
height: 180px;
margin:0
}

#leftcol {
float:left;
background: #575975;
width: 121px;
height: 3400px;
margin:0
}
#content {
float: left;
background: #928FB6;
height: 3400px;
width: 639px;
padding: 1px 5px 1px 5px
}
#rightcol {
float:left;
background: #575975;
width: 239px;
height: 3400px;
margin:0
}

Moved this to the CSS forum since it's about your CSS. Congrats on moving to a tableless layout. I tweaked #rightcol's CSS to float:right; and width:211px; and it aligned up in FF. Didn't test in IE, but that should work.

Float drop is almost always caused by the sum of the widths being wider than the width of the container they're in. You need to be sure you understand the box model as it relates to widths + padding+margins+borders.

http://dev.opera.com/articles/view/3...-boxes-border/

Originally Posted by LadynRed

ou need to be sure you understand the box model as it relates to widths + padding+margins+borders.

I just moved my website from all tabel layout from all div layout.......... great headhache.........

yes........ be sure all div width must be contained in the div container the div are not table and must consider proper dimension plus there is the wrong box model interpretation from IE5-6-7 su must prepare also related .css files to cover bug.

there is the wrong box model interpretation from IE5-6-7

That is incorrect. First, I would NOT worry a single bit about supporting IE5. The IE box model was FIXED nearly 3 years ago for versions 6 and above!

Originally Posted by LadynRed

That is incorrect. First, I would NOT worry a single bit about supporting IE5. The IE box model was FIXED nearly 3 years ago for versions 6 and above!

sure ...

i'm going to definetely drop IE5 from artphotoasia.net because my next generation portfolio pages will have a autoresizing script that does not support IE5, no way... let him be an extinct browser

by the way IE6 and also IE7 make me mad not supporting properly diplay:block in li tag..... plus others px differences........

IE6 and also IE7 always make some px difference and sometimes THAT can cause a broken layout, must check


regards..........