Frage stellen
folgendes steht in meiner css Datei:
- Code: Alles auswählen
* { margin:0; padding:0; border:0;}
body { background:#FFF}
div#container {width:980px; height:auto; margin:0 auto; background:#2e2e2e}
div#logoheader {width:980px; height:120px; margin:0 auto; background:#FFFFFF}
div#header {width:952px; height:248px; margin:14px 14px 40px 14px; background:#ffffff}
div#content {height: 880px; padding: 1em 0 1em 1em; width:725px; margin:0px 0px 14px 14px; background:#ffffff}
ul#navigation {width:250px; height: 880px; margin:0px 14px 14px 0px; background:#ffffff; padding: 1em 0 1em 1em; float: right}
div#footer {width:952px; height:40px; margin:14px 14px 14px 14px; background:#ffffff}
div#close {width:952px; height:50px; background:#2e2e2e}
Meine index.html hat zur Zeit folgenden Inhalt:
- Code: Alles auswählen
<body>
<div id="container">
<div id="logoheader"><img src="images/logo.jpg" width="980" height="120" alt="Logo" />
</div> <!--Ende div logoheader -->
<div id="header"><img src="" alt="" name="headerbild" width="952" height="248" id="headerbild" />
</div> <!--Ende div header -->
<ul id="navigation">
<h1>Navigation</h1><br />
Nav1<br />
Nav2<br />
Nav3<br />
Nav4<br />
</ul> <!--Ende ul navigation -->
<div id="content">
<h1>Überschrift</h1>
<h2>noch eine Überschrift</h2>
<p>Text</p>
</div> <!--Ende div content -->
<div id="footer">Footer
</div> <!--Ende div footer -->
<div id="close">
</div> <!--Ende div close -->
</div> <!--Ende div container -->
</body>
</html>
Ich möchte gern um meine div container so einen Schatten drumherum haben,
damit diese sich etwas mehr absetzen vom Hintergrund.
Ist ja z.B. hier auch so: http://www.mike-reiss.com/
Wie erreiche ich diesen Effekt?
Dann würde ich gern noch, dass sich der content div in der Höhe variabel an den Inhalt anpasst.
Momentan habe ich die Höhe ja fest angegeben, aber es kann ja mal mehr mal weniger Text drinn sein.
Die Navigation befindet sich bei mir auf der rechten Seite im div navigation, momentan auch mit fester Höhe.
Da soll später ein Slidemenü rein, dass die Menüpunkte nach unten hin öffnet, also sich somit auch nach unten verschiebt.
Muss ich da noch einen dritten weißen div container hinter die beiden legen, damit da keine freie Hintergrundfläche entsteht? (siehe Bild)
- divs_nav.jpg (55.97 KiB) 1386-mal betrachtet
Danke für Eure Hilfe!!!
