Div-Container: Kann keine divs mit relativer Größe definieren

[Airwolf89]

Hi Leute,

habe mal wieder nen kleines Problem: Ich will die Größe von divs definieren. Eigentlich kein Problem, jedoch funktioniert es einfach nicht.

habe folgendes vor: Ein div über die ganze Seite, der wrapper, dann oben ein div mit 100% Breite und 25% höhe.
Dadrunter zwei Divs die jeweils die restlichen 75% der Höhe einnehmen. Das eine ist dann 40% groß, das daneben soll 60% groß sein.

Geht einfach nicht. Habe die alle mit Rahmen versehen um zu schauen ob ales klappt, habe dann einen schönen dicken grauen Strich am oberen Bildschirmrand.

Code sieht so aus:

<div id="wrapper" style="width: 100%; height: 100%;">
            
                <form name="formhead">
                    <div id="head" style="float: top; width: 100%; height: 25%; border: 1px solid silver;">

</div>
                </form>

<form name="formEins">
                    <div id="tabBar" style="width: 40%; height: 75%; float: left; border: 1px solid silver; display: block;">

</div>
                </form>

<div id="imgDiv" style="float: right; border: 1px solid silver; width: 60%; height: 75%">
                </div>
            </div>

Was lief da schief? Muss ich da andere Attribute reinsetzen?

Danke im voraus.