nicht angemeldet
Hintergrundfarbe für verschachtelte DIVs
Hallo Leute!
bastle gerade eine Website. Sie nutzt PHP-Include zur Navigation. Es gibt die Seite head.php und mehrere body#n.php, die von head.php aufgerufen werden und jeweils head.php includen.
Soweit die Rahmenbedingungen.
Meine head.php enthält folgenden Code:
...
<div ID="buttonset">
<div ID="button1"><a class="linkfarbe" href="body.php"Seite 1</a></div>
<div ID="button2"><a class="linkfarbe" href="body2.php">Seite 2</a></div>
<div ID="button3"><a class="linkfarbe" href="body3.php">Seite 3</a></div>
<div ID="button4"><a class="linkfarbe" href="body4.php">Seite 4</a></div>
</div>
...
Wie man sieht, gibt es das große Mama-DIV "buttonset", welches die Kinder-DIVs "button#n" enthält. Die "button#n"-DIVs haben über mein CSS Stylesheet die Eigenschaft float:left, sind daher nebeneinander.
PROBLEM: Ich möchte, dass die nebeneinander angeordneten Links / "button#n"-DIVs eine gemeinsame Hintergrundfarbe haben. Damit möchte ich es so aussehen lassen, als befänden sie sich in einem gemeinsamen Kasten.
So einen Effekt habe ich bei KLICK beobachtet (obere Leiste: ARD Home Nachrichten ....)
Leider kann ich dies nicht mit folgendem Code im CSS erreichen:
#buttonset{
background-color:white;
}
Nichts passiert. Wenn ich hingegen
#buttonset{
border: solid 4px;
}
eingebe, passiert etwas: Alle Divs haben an ihrer Oberseite (!?) die dicke border. Sonst nirgends...
Mir ist dieses Verhalten unerklärlich...
Habt ihr Tipps?
Danke
nevermind
-
Hi,
Meine head.php enthält folgenden Code:
...
<div ID="buttonset">
<div ID="button1"><a class="linkfarbe" href="body.php"Seite 1</a></div>
<div ID="button2"><a class="linkfarbe" href="body2.php">Seite 2</a></div>
<div ID="button3"><a class="linkfarbe" href="body3.php">Seite 3</a></div>
<div ID="button4"><a class="linkfarbe" href="body4.php">Seite 4</a></div>
</div>
...Bitte erstelle vernünftiges HTML, nicht so einen Käse. Die DIV-Elemente um die Links dürften überflüssig sein - du kannst doch die Links direkt formatieren. Allerdings ist es meist am sinnvollsten, eine Navigation als Liste auszuzeichnen - eine Liste von Links. > Wenn ich hingegen > #buttonset{ > border: solid 4px; > } > eingebe, passiert etwas: Alle Divs haben an ihrer Oberseite (!?) die dicke border. Sonst nirgends... Nein, das Element #buttonset hat rundherum einen Rahmen bekommen, ganz normal. Es ist nur wesentlich kleiner, als du annimmst. > Mir ist dieses Verhalten unerklärlich... Dann sind dir also die Auswirkungen von float unbekannt. float nimmt Elemente aus dem Fluss, so dass sie die Höhe ihrer Vorfahren nicht mehr beeinflussen. > Habt ihr Tipps? <http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout> - bitter komplett durcharbeiten. MfG ChrisB -- RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?