I'd like to point to some problem in css fluid layout.
I have a simple 2-column layout where left div is fluid and right div have fixed width (like here).
Now I have long gif in main div.
When I try to constrict browser window I want to get something like this.
But every css method to get such a layer give me something like this!
Is there any way to avoid the distortion?
Thanks in advance.
The problem is that you don't in fact want a fluid layout but you are looking to replicate table behaviour
In a floated layout the right column would simply drop below the left content and thus avoid the need for a horizontal scrollbar therefore being more accessible to users with small screens etc.
What you are looking for is a layout the stops at about 740px and therefore would not be classed as fluid in my opinion
Anyway disregarding that aspect the layout you want to achieve is simple in css but not simple if you rely on IE. IE doesn't support min-width which is the one command that is needed to make that layout work. In mozilla its simplicity itself as you just stick a min-width onto the container.
Therefore you have 2 choices you can use a simple layout that suits mozilla and add in an expression for ie to compensate.