Ich hatte vorher eine Tabelle mit 2 Spalten und 3 Zeilen.
Ich habe nun die Zellen in DIV's eingefügt.
Diese DIV's liegen in einem übergeordneten DIV, weil Menü und Inhalt dadurch getrennt sind.
Ich habe bei dem Haupt-Div "height: 100%;" angegeben, trotzdem geht die Hintergrundfarbe des DIV's nicht bis zum unteren Seitenende.
Screenshot-Link
Die roten Kasten auf dem Screenshot sind die untergeordneten DIV's.
Normalerweise sollte die linke Spalte blau (#00C0FF) sein und die rechte türkis (#00FFFF).
<div class="menu"> <!-- Inhalt des Menü-Teils --> </div> <div class="main"> <!--Titel--> <div style="border:3px groove;"><h1>Ausstellung</h1></div> <!--Titel Ende--> <p class="klein">Klicken sie auf die Bilder um sie zu vergrößern.</p> <div class="links"> <p class="center">Ein wichtiger Bestandteil unserer Öffentlichkeitsarbeit sind die Wanderausstellungen. Als gemeinsamer Treffpunkt dienen sie dazu, die Pfadfinderei mal auf einer anderen Ebene darzustellen und im Eigeninteresse neue Kontakte zu knüpfen.</p> </div> <div class="rechts"><a href="../Bilder/Ausstell1.html"><img src="../Bilder/Ausstell1.jpg" width="300" height="230" border="0" alt="50 Jahre DPSG Stamm Lichtenstein" align="center"></a> <i class="Beschreibung">50 Jahre DPSG Stamm Lichtenstein, Haßfurt</i></div> <div class="links"> <p><a href="../Bilder/Ausstell2.html"><img src="../Bilder/Ausstell2.jpg" width="373" height="230" border="0" alt="50 Jahre DPSG Stamm Westgoten" align="center"></a></p><i class="Beschreibung">50 Jahre DPSG Stamm Westgoten, Bernkasel-Kues</i> </div> <div class="rechts"><p class="center">Hauptthemen der Ausstellung sind Pfadfindersachen aus aller Welt, wie z.B. Abzeichen, Gürtelschnallen, Hemden (Kluft) und Banner. Aber auch Briefmarken, sowie Themen über , Jamborees, Baden-Powell, Pfadfinderkunst und Pfadfinder im 3.Reich (Verbotszeit).</p></div> </div>
Der CSS-Code schaut so aus:
.main { height: 100%; width: 80%; float:right; padding: 4px; spacing: 4px; font-weight: lighter; font-size: 15pt; background-color: #00FFFF; font-family: comic sans MS; } .menu { width: 14%; float:left; padding: 0px; spacing: 0px; font-size: 15pt; background: #00C0FF; font-family: comic sans MS; } div.links {float:left; width:40%;} div.rechts {float:right; width:40%;}
Wieso wird der türkise Hintergrund nicht bis zum unteren Rand angezeigt?
PS: Link kann ich keinen angeben, da die Seite noch nicht online ist.
MfG Crater2150