Konqueror CSS question: implementation of min-height property

Thu Aug 3 09:50:20 BST 2006

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
___________________________________________________
This message is from the kde mailing list.
Account management:  https://mail.kde.org/mailman/listinfo/kde.
Archives: http://lists.kde.org/.
More info: http://www.kde.org/faq.html.