You are not using doctypes so your page looks different in FF and IE. Google
for "CSS box model" to learn more.
This is the culprit:
#rightcolumn
{
width: 830px;
padding-left: 150px;
padding-right: 150px
...
}
IE in quirks mode takes the width... Huh, I think it takes borders and
padding into width, but not margins? Not sure, I never use quirks mode.
FF on the other hand probably does the same in quirks mode as otherwise, it
takes the width, adds padding, then borders, then margin. And you end up
with 1130px wide container.
Set the DOCTYPE to Transitional and width to 530 and you'll be fine (or at
least better .
Hope it helps.
for "CSS box model" to learn more.
This is the culprit:
#rightcolumn
{
width: 830px;
padding-left: 150px;
padding-right: 150px
...
}
IE in quirks mode takes the width... Huh, I think it takes borders and
padding into width, but not margins? Not sure, I never use quirks mode.
FF on the other hand probably does the same in quirks mode as otherwise, it
takes the width, adds padding, then borders, then margin. And you end up
with 1130px wide container.
Set the DOCTYPE to Transitional and width to 530 and you'll be fine (or at
least better .
Hope it helps.

surecool73
Show profile
Link to this post