Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Two <div> areas side by side. When one grows downward, I'd like the
other to do so as well. Any way to do this as well. I tried nesting,
but no success.

Re: growing
s wrote:

Quoted text here. Click to load it

This is table-style behaviour and isn't supported by the HTML / CSS
flow model.

If it's important to you, then use a <table>. I wouldn't use the table
display properties in CSS, as they're poorly supported.

The alternatives tend to involve either JavaScript, or setting rigid
sizes onto elements. Overall I see the table approach as being
preferable. If you're insistent that adjacent elements maintain
relative sizing, then you're already committing yourself to table-like

Re: growing

Rigid might work so long as the areas are individually scrollable when
they outgrow the set. I wonder how I can do that. I'm using an
2.0 contentplaceholder inside the div, which varies in size based on

Andy Dingley wrote:
Quoted text here. Click to load it

Re: growing

Andy Dingley wrote:

Quoted text here. Click to load it

It is -- it's just not supported by Internet Explorer.

Toby A Inkster BSc (Hons) ARCS
Contact Me  ~

Re: growing

Toby Inkster wrote:

Quoted text here. Click to load it

Sorry - I worded that poorly.

IE and FF both support "CSS table style" behaviour, although it's (not
entirely unreasonably) only reliably available for the <table> element.
IE doesn't support the CSS display property setting display: table-*;
on other elements.

What I should have said is that you're reduced to using tables (and
arguably mis-using them) because what you really need here is
"newspaper column" layout and HTML / CSS doesn't support that at all.
Although XSL:FO can do it (for many output formats).

Re: growing

looks like this will do it  overflow:auto;">

<div style="position:absolute;
</div> wrote:
Quoted text here. Click to load it

Re: growing

Quoted text here. Click to load it

Yeah that should work but I'd drop the height.
Have you tried doing the same thing but with a "container" division for
Use the above style for the container as well and see what happens.
Instead of inline, do the style in the <head>.
Then you'd show something like:

<div id="container">
    <div id="box1">hello</div>
    <div id="box2">goodbye</div>

The idea behind the container is to keep the boxes from breaking when not

Site Timeline