Axel Benkert: DIV über ganze Höhe

Beitrag lesen

Hallo zusammen,

ich möchte 2 DIVS nebeneinander darstellen und diese sollen sich über die ganze Höhe erstecken.

Nun habe ich testweise nur ein DIV definiert:

<div style="height:100%;width:100%;background:#C60042;">Test
</div>

Leider geht es nicht. Dann muss ich wohl doch wieder Tabellen einsetzen oder hat jemand einen Tipp?

Nur so mal als Lösungsansatz zum weiter ausprobieren:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>2divs</title>

<style type="text/css">
<!--
html, body {
 height: 100%;
 margin: 0;
 padding: 0;
}
.leftDiv, .rightDiv {
 border: 1px solid green;
 height: 100%;
 width: 49.7%;
 float: left;
}
//-->
</style>
</head>

<body>
<div class="leftDiv">LINKS</div>
<div class="rightDiv">RECHTS</div>
</body>
</html>

Gruss
Axel