Forum Moderators: open

Message Too Old, No Replies

Liquid DIVs too unstable?

         

Filipe

7:23 pm on May 14, 2002 (gmt 0)

10+ Year Member



I tried making a site using liquid DIVs, using the instructions found here:
[glish.com...]

However, there are too many problems with overlap and strange things like that (depending on how big the browser window is open, etc). Are there elements in my CSS I can set to prevent these things (e.g., set a minimum page-width, so that it cannot be shrunken shorter than that) or should I avoid using liquid DIVs altogether?

moonbiter

7:55 pm on May 14, 2002 (gmt 0)

10+ Year Member



Alas, min-width is only supported in Opera and Gecko-based Mozilla and it's siblings. IE is behind the game in this (go figure).

I wouldn't avoid liquid divs, though. They are sweet. You could try the old 1-pixel-high, whatever-pixel-wide spacer-gif-trick to set a min-width on a div, but that's a brute force approach. Still, while philosophically unpure, it works.

Filipe

8:26 pm on May 14, 2002 (gmt 0)

10+ Year Member



The problem isn't just that, it's also that since the right cell is dependent on the right side of the browser window (or is it the page?), the DIVs overlap. Check out that one link posted at the top... make the page too small in IE and Opera, and the DIVs will overlap in an ugly fashion.

Eric_Jarvis

10:48 am on May 15, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



put an intermediary div in between containing just  

that should give a nice flexible buffer...the main thing is don't try to pack stuff too tightly