Re: Konqueror CSS question: implementation of min-height property

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

 



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.


[Index of Archives]     [Trinity (TDE) Desktop Users]     [Fedora KDE]     [Fedora Desktop]     [Linux Kernel]     [Gimp]     [GIMP for Windows]     [Gnome]     [Yosemite Hiking]
  Powered by Linux