Hi
Sicher sehr leicht zu lösen, nur ich komm leider nicht drauf.
Ich hab ein div als Container, darin befinden sich 3 div's nebeneinander (content, dann ein Rahmen, und eine infobox).
Jetzt möchte ich, dass sich die 3 alle der Höhe des übergeordneten div's anpassen.
Da das mittlere div eine Trennlinie sein soll zwischen den beiden, sollte hier der border auch bis zum Ende gehen. Nur das tut er bisher nicht.
Hab die Seite leider nur Lokal bei mir laufen.
Kann euch aber einen Ausschnitt davon zeigen...
css dazu:
Sicher sehr leicht zu lösen, nur ich komm leider nicht drauf.
Ich hab ein div als Container, darin befinden sich 3 div's nebeneinander (content, dann ein Rahmen, und eine infobox).
Jetzt möchte ich, dass sich die 3 alle der Höhe des übergeordneten div's anpassen.
Da das mittlere div eine Trennlinie sein soll zwischen den beiden, sollte hier der border auch bis zum Ende gehen. Nur das tut er bisher nicht.
Hab die Seite leider nur Lokal bei mir laufen.
Kann euch aber einen Ausschnitt davon zeigen...
HTML:
<div id="container">
<div id="logo">
<a href="./">www.beispiel.info</a>
</div>
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">AGB</a></li>
<li><a href="#">Impressum</a></li>
<li class="languages"><a href="HomeDeutsch.jsp"><img id="bild2" src="img/Ger.jpg" alt="FlDeutsch"></a></li>
<li class="languages"><a href="HomeDeutsch.jsp"><img id="bild2" src="img/Aut.gif" alt="FlDeutsch"></a></li>
<li class="languages"><a href="HomeKroatisch.jsp"><img id="bild2" src="img/Cro.gif" alt="FlCroatia"></a></li>
</ul>
<div class="content">
</div>
<div class="spacer"></div>
<div class="naviRechts">
</div>
</div>css dazu:
Code:
#container {
font-size: 0.75em;
max-width: 800px;
margin: auto;
border: 1px solid #aaa;
border-top: 0;
background: white;
min-height: 600px;
overflow: auto;
}
div.content{
width: 600px;
min-height: 200px;
float: left;
}
div.spacer{
border-left: 1px solid black;
width: 1px;
float: left;
min-height: 200px;
}
div.naviRechts{
min-height: 200px;
width: 196px;
float: left;
}
