Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 25.03.2012, 16:58
napoli napoli ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.11.2011
Beiträge: 18
napoli befindet sich auf einem aufstrebenden Ast
Standard 2 div: jeweils px und % angaben auf 100%

hi,
ich bekomme zZt leider nicht hin 2 div innerhalb eines elterndivs vertikal zu "stapeln".

ein div hat height: 200px;
das andere: 100%

ich möchte nun das beide divs 100% des elterndivs füllen

hier mal ein konstrukt:

HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
html{
	height:100%;
	margin:0 auto;
}
#header {
	background-color: yellow;
	height: 100%;
	width: 100%;
}
#b1 {
	background-color: blue;
	width: 100%;
	height: 200px;
}
#b2 {
	background-color: red;
	width: 100%;
	height: 100%;
}
</style>
</head>

<body>

<div id="header">
  <div id="b1"></div>
  <div id="b2"></div>
</div>


</body>
</html>
klar könnte man jetzt bei #b2 height: 50%; machen, allerdings wollen wir doch variabel arbeiten und demnach, muss eine richtige lösung her.

mfg

Geändert von napoli (25.03.2012 um 17:20 Uhr)
Mit Zitat antworten
Sponsored Links