John Haas wrote:
the url: http://www.manapedesign.com/clients/pac/test1.html the css:
http://www.manapedesign.com/clients/pac/test_styles.css
When looking at this side by side, in FF and IE, the IE version
appears to be rendering the "right-col" div correctly, right up
against the side of the "left-col" div.
However, in FF, the "right-col" div renders approximately 20px to the
left of where it should... and on top of the right edge of the
"left-col".
Any ideas what's going on here?
Yes, you've forgotten to include those nicely styled red left edges when
setting width on #left_col (and #right_col).
Firefox obeys the given width, and move #right_col to the defined right
edge of #left_col - making it look wrong by doing it right.
IE OTOH expands the #left_col to include everything and moves the right
edge of #left_col for #right_col to line up with - making it look right
by breaking all CSS-rules.
Correction:
#left_col {
width: 326px;
}
#right_col {
width: 386px;
}
... or close to those values.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/