Question

I’m trying to make..

    header

left | middle | right

    footer

this kind of typical layout using css.
However, when resizing the window smaller it should be something like the following.

header

middle | right

footer

width minimum width of something like 1000px…
You notice that the left column is completely invisible while
the middle part’s width should be always the same.
I tried fluid one… fixed one… but no luck so far.
How can this be done?

Sample website: http://vanchosun.com

Thank you, heroes!!

Answer 1

As mentioned in my above comment, I don’t think it can be done with CSS only.

Is this more or less what you need?