3-column layout (3 divs)

having trouble making center div fluid in FF

[mcjohnson]

Friends,

I have a 3-column all div layout; I have a 60px wide div on the left containing navigation, an 180px wide div hugging the right containg info, and I need a center div that is fixed on the left, but will vary on the right to keep my right sided content from overlapping it if the window gets too small.

Here is what I have for the center div:

#content {
width: 70%;
position: absolute;
left: 120px;
padding-right: 180px;
top: 130px;

}

it works like a charm in IE, but in FF, the div is flooding out all the way to the right.

Any thoughts would be greatly appreciated.

Thanks,

Pat

[4hero]

Hi Pat,

Try:

#content {
margin:130px 180px 0 60px;
}

130px being the top margin, 180px the right, 0 the bottom and 60px is the left hand navigation.

Good luck!

[mcjohnson]

Worked like a charm! Thanks!

Pat

[4hero]

no problem :)