Tweet
Hallo,
ich möchte 4 divs untereinandersetzen. die ersten 2 oberen DIVs haben eine feste Größe.
Die 2 letzten unteren sollen prozentual 50% auf die restliche höhe aufgeteilt werden.
Alle 4 Divs sollen zusammen 100% höhe erreichen!
Mit dem HTML-Code hier klappt das auch soweit, aber das 3. Div verkleinert sich schneller als das 4. weiß jemand warum?
es sollen aber beide immer die gleiche größe haben, wenn das fenster verkleinert wird!
?
Danke!
ich möchte 4 divs untereinandersetzen. die ersten 2 oberen DIVs haben eine feste Größe.
Die 2 letzten unteren sollen prozentual 50% auf die restliche höhe aufgeteilt werden.
Alle 4 Divs sollen zusammen 100% höhe erreichen!
Mit dem HTML-Code hier klappt das auch soweit, aber das 3. Div verkleinert sich schneller als das 4. weiß jemand warum?
es sollen aber beide immer die gleiche größe haben, wenn das fenster verkleinert wird!
?
Danke!
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html style="height:100%;" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div style="background:#00ffff; height:50px;">
Div 1
</div>
<div style="background:#0000ff; height:150px;">
Div 2
</div>
<div style="background:#00ff00; height:50%; margin-top:-100px;">
Div 3
</div>
<div style="background:#ff0000; height:50%; margin-top:-100px;">
Div 4
</div>
</body>
</html>
Kommentar