Previous Message
Next Message

Best way to handle min-width on 3-col liquid layout

Sent by Dprantzalos on 22 January 2004 19:07


Thanks for the link, but these CSS layouts still have the problem I'm trying to solve. Take a look
at the following for example:

http://www.thenoodleincident.com/tutorials/box_lesson/basic4.html

Under IE 6, you'll see that the right column will overlap the center column as your browser width is
decreased. Under Mozilla I get other strange behaviour.

I've created a simple TABLE-based layout that demonstrates what I'm essentially looking for. See
here:

http://mywebpages.comcast.net/dprantzalos/tables.html

Ignoring colors and style, notice how when I shrink my browser width down, my header, footer and 3
columns will remain fixed at thier minimum widths.

What I want to know is if something like this possible using tableless CSS.

Not that I MUST have tableless, but everything I've been reading indicates that tableless is the way
to go.

-jim


> try this:
> 
> http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
> 
> now you have a choice
> 
> wrm rgds,
> ron
> 
> On Jan 21, 2004, at 8:04 PM, Jim Prantzalos wrote:
> 
> > Hello,
> >
> > Can someone point me to a simple example of a cross-browser compatible 
> > "Header+3-column" layout, where the center can resize, but not shrink 
> > down beyond a fixed size (without using tables).
> >
> > For example:
> >
> >  800px header (min width is 800, but can grow beyond 800px),
> > 150px leftcol (fixed, 0 margins, aligned left),
> > 150px rightcol (fixed, 0 margins, aligned right),
> > 500px center (min width is 500, but can grow beyond 500px).
> >
> > Thanks,
> >
> > -jim
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: