Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

CSS Div Layout Height Problem

0 views
Skip to first unread message

Filip Honzarek

unread,
Feb 5, 2002, 6:05:57 PM2/5/02
to
Hi,
i used this css div layout

<div style="width:100%;height:100%;">
<div style="width:100%;height:100px;background-color:#CC0000"></div>
<div style="width:100%;height:100%;background-color:#0000CC"></div>
</div>

i want this:
third div - his height set to 100% minus 100px of second div.
second div 100px height fixed and third div is relative height
result on screen without scroll.

thanks
Filip.


Rowland Shaw

unread,
Feb 6, 2002, 4:13:11 AM2/6/02
to
"Filip Honzarek" <deve...@acomp.cz> wrote...


Untested, but try:

<div style="width:100%;height:100%;">
<div style="width:100%;height:100px;background-color:#CC0000"></div>

<div style="width:100%; top: 100px; bottom: 100%;
background-color:#0000CC"></div>
</div>

Filip Honzarek

unread,
Feb 7, 2002, 1:51:37 PM2/7/02
to
It's not correct, but thanks.
Result div is too small about 20px height....

thanks for your help!
Filip


Rowland Shaw

unread,
Feb 8, 2002, 4:15:16 AM2/8/02
to
Was it closer, though?

"Filip Honzarek" <deve...@acomp.cz> wrote...

0 new messages