nicht angemeldet
Hallo Gemeinschaft
Langsam blicke ich bei CSS durch - ;-) - aber es tauchen immer wieder Probleme auf.
So wie dieses:
In einem alles umschließenden Div mit fixer Höhe und Breite (wird später horizontal zentriert) liegen nebeneinander 3 Elemente:
2 Listen (Hauptmenue und Submenue) sowie der Inhaltsbereich.
Das mittlere Elemente (Liste für Submenue) soll eine Hintergrundfarbe bekommen und immer so hoch sein wie das umschließende Div.
Nun kann es halt vorkommen das das linke oder rechte Element in der Höhe mehr Platz benötigt. Dann soll das mittlere in der Höhe "mitwachsen", also immer 100% des (auch mitgewachsenen) umschließenden Divs haben.
Wie könnte ich da vorgehen?
Hier mal mein Versuchscode:
<!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" lang="de">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body style="margin:0; padding:0; background-color:#fff;">
<div style="background-color:#00f; width:400px; height:400px;">
<ul style="float:left;">
<li>Hauptmenue</li>
</ul>
<ul style="float:left; background-color:#f00; height:400px;">
<li>Submenue</li>
</ul>
<div style="float:left; background-color:#fff;">
Inhalt
</div>
<span style="clear:both;" /> </span>
</div>
</body>
</html>
So passt es natürlich, das Submenue ist 400px hoch und rot hinterlegt.
Nur wenn das Hauptmenue oder der Inhalt höher wird soll das Submenue in der Höhe mitwachsen...
Hat wer Tipps für mich?
Danke, Sabrina