Need help before they come and put me in a straight jacket and take me away.

I am trying to achieve a 3 column liquid CSS layout site with a header and footer. I have my coulumns working within IE that stretch full screen when view port is max'd and the columns also adjust to the content when you restore the view port to a smaller size.

This also works in firefox when viewport is max'd. However, when the viewport is restored to a smaller size the content spills out the bottom of there Div containers and actually continues downward passed the footer section of the page. I could really use some help here as I would like to have this working with firefox like it is in IE. Thanks

I am tired at this point. I think I am just going to place a large number of <br/> tags within my main content column then template it, this way it will size with firefox. I don't think this would be to much overhead.

Nevermind I figured it out.

Would you mind sharing *how* you fixed it?

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

Hey Imar, I was planning on doing just that. I been busy with the books. What happened is I was not applying the Faux method properly.
Basicly with this method you apply a repeating image file to the body and wrapper tags.Like so
Body {
background: #FFF url (Somefile.gif) top left repeat-y;
}
Wrapper {
#FFF url (Somefile.gif) top right repeat-y;
}
I was just using background-image property.I was also setting background properties to all my columns as well which would never work as I understand it since Firefox follows the proper convention of not autoenclosing content like IE does.
I didnt fully realize what the faux method was really trying to achieve and once I finaly got it i figured it out. The method just basicly uses body background image file for the left column and the wrapper which contains the Main DIV and Right column DIV uses the image file for the right column div. This creates the effect that both the left and right DIV columns stretch to the footer of the page when in fact they remain at there default size until obviously content is placed within them. The content section gets it's color off the body selector above #FFF. I hope this made sense and maybe helps someone out there.

Interesting. I knew about the work around, but I didn't know it had a name...

Thanks for the follow up.

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.