Frage stellen
Ich versehs nicht. Mit dem untenstehenden Code erreiche ich zwar das sich das Master-Div auf die ganze Höhe ausbreitet.
Die andern Div's machen aber leider nicht mit (z.B. die Border Div's).
Was mache ich falsch?
- Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="margin: 0; padding: 0; height: 100%">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>I N T E R W E B - V 3</title>
</head>
<body style="background-image: url(_layout/bg_main.png); margin: 0; padding: 0; height: 100%">
<!-- Master Div -->
<div style="width: 1100px; margin: auto; min-height: 100%; height:auto !important; height: 100%; background-color: blue;">
<!-- Border left -->
<div style="background-image: url(_layout/bor_left.png); width: 25px; height: 100%; float: left;"></div>
<!-- Slave Div -->
<div style="width: 1030px; height: 100%; background-color: white; float: left; padding-left: 10px; padding-right: 10px;">
<!-- Header Navigation -->
<div style="background-image: url(_layout/hea_main.jpg); background-repeat: no-repeat; height: 90px; width: 1030px; margin-top: 20px; margin-bottom: 20px;">
</div>
<!-- Navigation -->
<div style="border-top: #CCC thin dotted; border-bottom: #CCC thin dotted; height: 30px; width: 1030px;">
Navigation
</div>
</div>
<!-- Border right -->
<div style="background-image: url(_layout/bor_right.png); width: 25px; height: 100%; float: left;"></div>
</div>
</body>
</html>
Besten Dank
Sven