Hello again,
I've decided to merely redesign the page - now the 'frame' element has
100% height, and I've added some strategic padding. This follows specs
and makes it work under all standards-abiding browsers identically, but
it was a pain to implement - and very inelegant (the 'quick fix' I use
for IE6- in conditional comments actually looks better, in my opinion).
Thanks for the input!
Mitch
Peter Wiersig a écrit :
>On Wed, Aug 02, 2006 at 05:00:23PM +0200, Mitch wrote:
>
>
>>However, while Konqueror supports min-height, it only does so on
>>px (and probably em) - but not %!
>>
>>
>
>Have you tried to read the specs about height 100%? It's
>complicated and the points you have to keep in mind is that
>".section { min-height: 100% }" has the meaning: 100% of the
>surrounding element, in your case the body, which is contained in
>the <html> element. You'll have to have at least css rules for
>those 2 elements beside the div you've already setup.
>
>Works:
>
>
Actually, yes it does - thanks for pointing this out, but now I'm in a fix:
><html style="height:100%">
>
><head><TITLE>Test page</TITLE></head>
>
>
<body style="height: 100%; position:absolute; top:0; left:0; width:100%;
height:100%">
<div style="top:50px; bottom:50px">
><div style="min-height: 100%; border: 1px black solid">
> Test test test<br>
> bla bla bla<br>
> yadda yadda
> </div>
><div style="min-height: 100%; border: 1px grey solid">
> Test test test<br>
> bla bla bla<br>
> yadda yadda
> </div>
>
>
</div>
></body>
></html>
>
>Peter
>
>
>
...but to give you a better view of the layout, try
www.arcrachatcredits.org (it's in French, but you need only see the
layout to get an idea).
Basically, my <body> element is defined as position:absolute; top:0;
left:0; width:100%; height:100% (this works in IE5+, Gecko, KHTML and
Opera). The other elements are positioned absolutely (at this point, it
works like 'fixed' since <body> is set to occupy the whole viewport, no
more no less) with top, bottom, left and right to define their
placements. Right now, Gecko calculates an element's actual height when
it is positioned like that (making min-height work) and IE provides
expressions in CSS (document.body.clientHeight) that allow calculation
of the parent element's actual height.
Now, does anybody have an idea HOW to calculate a parent element's
height when you just want to position its edges relatively to the
viewport or parent element? I like Gecko's implementation of min-height
better, but since the standard says that if it's not given explicitely
it should always be considered as 'auto'...
I've tried defining the element where I want to make use of min-height
by defining its height as 100%, and top and bottom padding - with the
border box model (CSS3 box-model:border; -mox-box-model:border;). As I
only have Konqueror 3.4, is there a way to make it support this
property? Thanks for any help.
Mitch
___________________________________________________
.
Account management: https://mail.kde.org/mailman/listinfo/kde.
Archives: http://lists.kde.org/.
More info: http://www.kde.org/faq.html.
