Previous Message
Next Message

Table-less CSS columns: how to prevent overflow

Sent by Aaron Seet on 16 December 2003 10:10


I've recently been following up the pro-CSS positioning movement (aka
anti-table movement) and tutorials on how to position your <div>s the way
you like without restricting to rigid tables.

My initial exercise was to render a header banner, followed by 2 vertical
columns, and a footer banner. The right narrow column was supposed to have
an unknown width (images there are unpredictable), but it has precedence
over the left main content column. Referencing and reading for the past few
days, I've concluded that it's IMPOSSIBLE not to define a width property +
margin property on the other to make the resizing of the main content column
work properly.

This is one of the best step-by-step tutorials I have followed
http://www.webreference.com/authoring/style/sheets/layout/advanced/
with other examples from
http://positioniseverything.net

This is the result so far from my trials and it exhibits a problem everybody
seems to acknowledge but have no good solution for:
http://icelava.net/lab/CssPosition/2coldivs.html

The absolutely positioned right column's content if longer than the
normal-flow left column will spill out. I've added a bottom: 0px; but that's
no joy.

What's been suggested is ALWAYS give the main content more content. No pun
intended. I wonder if anybody here has discovered some wonderful resolution.



Regards,
Aaron

______________________________________________________________________
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: