Posted by Els on 06/29/05 15:56

Greg N. wrote:

> Look at the small example at http://coolhaus.de/misc/test5.htm .
> It looks OK at first glance, but when I resize the window to make it
> narrower, the section below the columns overlays the columns.
>
> The reason is, obviously, that there is a discreet height assigned to
> the columnn part (style="height:100px;").

Indeed - don't do that.

> But without that discreet height specification, it does not work at all,
> that is, the columns and the stuff below always overlay each other.

That's because you used position:absolute.

> This can't be the correct way to do it. What am I missing?

You are misunderstanding the effect op absolute positioning.

> Below is the html at http://coolhaus.de/misc/test5.htm :

<snip>

> .columns { position:relative; width:100%; }
> .col { position:absolute; top:0; height:100%;}

I can only advise you to try and make your page without using any
'position:absolute;'. Use floats.

> <h3> this is how I do a 3-column layout</h3>

Don't do it that way ;-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Spider Murphy Gang - Skandal Im Sperrbezirk

[Back to original message]