• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

100% Höhe eines Div Elements bis zum Footer

kayyy

Mitglied
Guten Abend,

kann mir wer sagen, warum left und right nicht 100% bis zum Footer gehen?

Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
html { height:100%; }
body { width:1000px; height:100%; }
-->
</style>
</head>

<body>

<div style="float:left; width:200px; height:100%;">left</div>

<div style="float:left; width:600px;">

<p>middle</p>
<p>middle</p>
<p>middle</p>
<p>middle</p>

</div>

<div style="float:right; width:200px; height:100%;">right</div>

<div style="width:1000px; clear:both">Footerr</div

</body>
</html>
 
left und right haben die höhe 100%, was bedeutet, sie sind so gross wie der anzeigebereich des browserfensters. der footerr kommt im code nach diesen beiden objekten, also wird er unterhalb angezeigt und man muss zum footer scrollen.

mfg schrepfer
 
Zurück
Oben