Overlapping avoidable?

[Xyis]

Hi, i have been looking at this example to work out how to do a nice fluid design.

http://bluerobot.com/web/layouts/layout3.html

And it all works however it suffers from an overlapping issue that is also seen on his example when reducing the browser window.

Can this be resolved?

Thanks.

[Aso]

Do you mean how the centre column overlaps the far right when the browser gets really small?

If that's the case, you can set the body's minimum width like so:

Code: Select all

body {
min-width: 800px;
}

This means once the windows becomes smaller than 800px, the site will stay fixed and you'll have to scroll horizontally, rather than 'squishin' the content together.

[Xyis]

Tried that and it didnt work for me. When i reduce the window size the right positioned Divs still flow behind my content.

[Aso]

Try

Code: Select all

body {
min-width: 800px;
position: relative
}

Out of interest, which browser are you using?