I am trying to create a 3 column page where the left and right columns are fixed size images. The center column has an image at the top and text under it. This center column would be liquid. Since I do not want the page to be resized smaller than the center column image, I used ( tried to use!) ' min-width ' css code. I can not get it to work. What happens is that when the center column becomes too small, the layout falls apart. What am I missing? The page can be found at www.paperandclay.com/thepage010311-1.html


Thanks for your help
pk

IE doesn't seem to like min-width. Some people get around it by creating a transparent gif - put it in a div and make it the minimum screen width - then float the other divs inside that div.

Maybe there are other solutions, but this one is the only one I know of.

I have never used min-width but have used min-height lots of times and IE has no problem with it.

Thanks for the help

pk

Hi,
As a newbie working on my first web site I would like to use either the Three Column Fluid 1 or the Three column Hybrid1 template to commence a web page. What I need to know is how to change the code to:-
(a) limit the web page to a width of 1024 or 1000px.
(b) how to prevent every thing from scrolling except the main text area i.e.
the header, and both side bars are fixed while the content area, base menu and footer scroll.
I have managed to get this to happen using frames and HTML but would prefer to try to use HTML5 and css.
Any help will be gratefully appreciated,
Usagi

Look in the css for something like this.