CSS Formatierung mit Tücken

[yetanotheruser]

Hoi,

wenn ich dein Problem richtig verstehe, dann willst du, daß auf der linken Seite sozusagen der linke rote Rand so weit runter reicht, wie das rechte Div, und dann der untere Rand bündig auch wieder mit dem rechten Div abschließt ?

Nachdem du eh mit einer festen Breite bei deinem Menu arbeitest, würde ich das ganze anderst angehen.

  
<div id="content">  
<div id="menu">  
<ul>  
<li>1. Listeneintrag</li>  
<li>2. Listeneintrag</li>  
<li>3. Listeneintrag</li>  
</ul>  
</div>  
<p>Hier steht viel Text, Inhalt, Tabellen, whatever</p>  
<div class="breaker"></div>  
</div>  

und dazu dann in etwa die folgende CSS Formatierung.

  
#content {  
  margin:0px;  
  padding:0px 0px 0px 135px;  
  background: url('bg.jpg') top left repeat-y;  
}  
  
#menu {  
  float:left;  
}  
  
div.breaker {  
  font-size:1px;  
  height:1px;  
  line-height:1px;  
}  

Dann mußte halt noch dein Menu schön formatieren. Das bg.jpg sollte eine Grafik mit 1px Höhe und  128 Pixel Breite sein, wobei alles Weiß ist, bis auf das rechteste Pixel, welches du rot einfärbst.

Damit hast du sozusagen ein Höhen unabhängiges Menu. Wichtig ist der div mit der Klasse breaker, da es den float aufhebt und sozusagen auch der Inhalt damit immer gleich lang ist, wie das Menu.

So in etwa solltest du das hinbekommen.

Gruß Ben