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

Grundsätzliches zu DIV-Layout

Status
Für weitere Antworten geschlossen.

zendex

Neues Mitglied
Hallo,

ich möchte ein 3-Spalten-Layout mittels css bzw. mit div umsetzen.
Hierzu habe ich folgednes Layout erstellt:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
 <title>footer gestalten</title> 
<style type="text/css" media="screen">
 body
 {
  margin: 0;
  padding: 0;
  font: 85% arial, hevetica, sans-serif;
  text-align: center;
  color: #505367;
  background-color: #D6D6D6;
 }
 
 #container
 {
  margin: 1em auto;
  width: 950px;
  text-align: left;
  background-color: yellow;
  border: 1px solid black;
 }
 
 #header
 {
  height: 45px;
  background-color: fuchsia;
 }
 
 #menu
 {
  float:left;
  width: 200px;
  height: 100px;
  background-color: red;
  
 }
 
 #contents 
 {
  float:left;
  width:500px;
  height: 200px;
  background-color: aqua;
 }
 #right_contents
 {
  float:left;
  width:250px;
  height: 25px;
  background-color: green;
 }  
 
 #footer 
 {
  clear: both;
  height: 20px;
  background-color: lime;
 }
 
</style>
</head>
<body>
<div id="container">
 <div id="header">header </div> 
 <div id="menu">menu</div> 
 <div id="contents">content</div>
 <div id="right_contents">right_content</div> 
 <div id="footer">footer</div>
</div>
</body>
</html>



Meine Frage ist nun:
Wie kann man die Höhe der DIVs "menu" und "right_contents" gleich
der Höhe des div "contents" setzen!

In einem Tabellen-Layout hätte ich für die 3 Divs jeweils eine Spalte
in einer Tabellenzeile gegeben. Wenn dann der Inhalt der einen
Spalte höher wird als die anderen Spalten, passen sich diese der Höhe
nach an!

Versteht Jmd. mein Problem bzw. kann mir dabei helfen?
 
Ein Eltern DIV und dann die Child DIVs mit 100% Höhe müsste im Normalfall klappen.

Gruß Corvulus


Danke für deine Antwort, aber nein funktioniert nicht!
D.h. wenn ich ein Elterndiv um die 3 divs (content, menu u. right_content)
mache, die die 3 divs auf 100% höhe stelle, bleiben Sie nach wie
vor ca. eine Zeile hoch!
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben