Sympathizer: 3 Spalten-Layout + Rahmen

Beitrag lesen

SELF-Forum

3 Spalten-Layout + Rahmen

Sympathizer
– Informationen zu den Bewertungsregeln

Hallo ,

ich habe nun mal folgendes einfaches Beispiel erstellt:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<html>  
<head>  
<title>Stichpunkt CSS Experimente: 3-Spalten-Design mit Logoleiste</title>  
<style type="text/css">  


  
#panel_top {  
  height:100px;  
  width:1022px;  
  display:block;  
  border:1px solid red;  
}  
#panel_left {  
  width:180px;  
  float:left;  
  height:100%;  
  border:1px solid red;  
}  
#panel_content{  
  border:1px solid red;  
  float:left;  
  width:670px;  
}  
#panel_right {  
 width:180px;  
  float:left;  
  border:1px solid red;  
}  
#panel_footer {  
 clear:both;  
  height:100px;  
  width:1022px;  
  display:block;  
  border:1px solid red;  
}  


  
</style>  
</head>  
  
<body>  
  
  
  
<DIV id="panel_top">  
 TOP  
</DIV>  
  
<DIV id="panel_left">  
  LEFT  
</DIV>  
  
<DIV id="panel_content">  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
  CONTENT CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENT<br>  
</DIV>  
  
<DIV id="panel_right">  
  RIGHT  
</DIV>  
  
<DIV id="panel_footer">  
 FOOTER  
</DIV>  
  
</body>  
</html>

Nun ist das Problem, dass die linke oder rechte Spalte sich nicht an der Heohe der Contentspalte anpassen.
Was fuer Moeglichkeiten gibt es dort?

Danke fuer euere Bemuehungen.

Mit freundlichen Gruessen,
Sympathizer

--
"Was ist ist, was nicht ist ist moeglich"
Beitrag melden
–
Informationen zu den Bewertungsregeln