Thank you for your reply!
URL?
http://www.markusernst.ch/index_neu.php?rot=4&blau=1
Note that it is a mess as I am in the development process. But you can see
the point: the vertical lines in the third row, in the blue vertical column
and at the bottom of the content element have margin:0px and should extend
over the whole available space, like the version I made with absolute
positioning:
http://www.markusernst.ch/index_neu_...p?rot=4&blau=1
Just answered something like this yesterday:
http://www.student.oulu.fi/~laurirai/www/css/#float2col
This is an interesting site, I will take my time to explore it.
Is there a way to make an element extend to the available height
with css means (without javascript)?
Yes, positioning things absolutely. Basically, bottom:0;
Actually this is a try to go away from absolute positioning because this
makes some severe problems:
- bottom:0 is not interpreted by some browsers
- width:100% in the box model is treated as the window with, not the element
width (which in my oppinion is a mistake of the box model); same with
height.
- Padding and border are added to the element width according to the box
model, which triggers a scroll bar in connection with width or height:100%
(which in my oppinion is a mistake of the box model, too; the "broken" IE5
box model would be of much more convenience for every kinds of layouts)
- Netscape 7 does only print page 1 of absolute positioned elements with
long content
- Netscape 4 makes problems with transparent elements
So I think absolute positioning is not applicable for complex layouts with
lots of content, but rather for positioning special elements on a page or
for easy small layouts. That's why I try to do the same thing I did already
with absolute positioning now with floating divs (which is a nice challenge
actually).
--
Markus