[thomaz]

Ok ... why does IE place everything one pixel more to the left than Firefox does? Just two divs with left and right float inside another div that is placed in the center of the page. In Firefox the divs are correctly placed, but IE displaces the two divs one pixel to the left, making everything ugly!

I've been trying to find a solution but nothing seems to work. Is there a way to work around this problem?

Hoping for good answers

[smallbeer]

link?

[thomaz]

I put the page up temporarily at http://thomaz.50webs.com/divvo.html

If you view it in FF, it looks as it should, but in IE it-s misplaced one pixel to the left.

(Btw, don't mention the design ... I only did this so you could see what I mean)

[pgo]

I'm not sure. Try adding margins to fill out the width of ".rap" see what happens. Also, in the future don't use classes for big layout sections - use ids.

If nothing else, send IE its own stylesheet with padding-left: 1px; on ".rap". Sometimes it's required.

[thomaz]

Ok ... how do I specify an own stylesheet for IE!?

[thomaz]

I think I solved it by doing this:

.rap {
width: 560px;
padding-left: 1px;
margin: 0px auto 0px;
color: #2B2B2B;
}
html>body .rap {
width: 560px;
padding-left: 0px;
margin: 0px auto 0px;
color: #2B2B2B;
}

I won't read the second .rap ...

[smallbeer]

I can't see any difference tbh.

[thomaz]

I didn't use it on the page I linked here .... I used it on another site