Frank Jonas: div-Layout mit CSS statt Tabelle

Beitrag lesen

Hallo Andreas,

probier mal das:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style>
  div {border-style:solid; border-color:#000000; border-width:1px}
  div.oben {position:relative;top:0%;left:0%; width:100%;height:15%;background-color:red;}
  div.mitte {position:relative;top:0%;left:0%; height:75%;background-color:yellow;}
  div.unten {position:relative;top:0%;left:0%; width:100%;height:15%;background-color:green;}
 div.links {position:relative;height:100% ;max-width:25%; background-color:white;}
 div.rechts {position:relative;top:0%;right:0%; height:100%; max-width:75%; width:75%;background-color:gray;float:right}
</style>
</head>
<body>
<div class="oben">Text</div>
<div class="mitte">
 <div class="rechts">
    Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />
    Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />
   Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />
  </div>
  <div class="links">Ganz viel Text<br />
    Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />
   Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />
   Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />
   Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />Ganz viel Text<br />
 </div>
</div>
<div class="unten"></div>
</body>
</html>

HTH

Gruß Frank