BG/BRG Lerchenfeld
Schulbezeichnung
Impressum |  Kontakt |  Neues |  Sitemap

Div-Boxen gleicher Höhe

Boxen gleicher Höhe!

Layouten ohne Tabellen!

Wie geht das?

Quelltext:

<!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" xml:lang="de">

<head>

 <style  type="text/css">

#box{

 position: relative;

 width:700px;

 margin: 0px auto;

 overflow:hidden;

}

#column1{

 position: relative;

 width:330px;

 left: 0px;

 top: 0px;

 margin: 0px;

 padding: 10px;

 padding-bottom:32767px; margin-bottom:-32767px;

 background:#eeee00;

 border: 0px solid #000000;

 float:left;

}

#column2{

 position: relative;

 width:330px;

 text-align:justify;

 left: 0px;

 top: 0px;

 margin: 0px;

 padding: 10px;

 padding-bottom:32767px; margin-bottom:-32767px;

 background-color:#ccffff;

 border: 0px solid #000000;

 float:left;

}

</style>

</head>

<body>

 <div id="box">

   <div id="column1"><h2>Boxen gleicher Höhe!</h2><p>Layouten ohne Tabellen!</p></div>

   <div id="column2"><h3>Wie geht das?</h3></div>

 </div>

</body>

</html>