- Registriert
- 08.06.08
- Beiträge
- 202
Hi!
Ich habe auf http://benediktvogler.de/ einen schwarzen Schatten um den Inhalt. Leider endet der Kasten etwa 40px zu früh. Das ganze soll sich dynamisch an die länge des Inhaltes anpassen deswegen kann ich keine bestimmte länge setzen. Am Ende habe ich ein div gesetz was nach beiden divs kommt (im Aufbaubeispiel Schattenende genannt) und wieder den grauen Hintergrund einleitet.
Der Aufbau ist jetzt so:
Schatten
---Inhaltsdiv
---/Inhaltsdiv
/Schatten
Schattenende /Schattenende
CSS:
HTML:
Mit javascript geht das doch sicher auch, aber eine einfachere Lösung mit css und html ist doch sicher besser.
mfg
Ich habe auf http://benediktvogler.de/ einen schwarzen Schatten um den Inhalt. Leider endet der Kasten etwa 40px zu früh. Das ganze soll sich dynamisch an die länge des Inhaltes anpassen deswegen kann ich keine bestimmte länge setzen. Am Ende habe ich ein div gesetz was nach beiden divs kommt (im Aufbaubeispiel Schattenende genannt) und wieder den grauen Hintergrund einleitet.
Der Aufbau ist jetzt so:
Schatten
---Inhaltsdiv
---/Inhaltsdiv
/Schatten
Schattenende /Schattenende
CSS:
Code:
#shadow {
margin:0 auto;
width:750px;
text-align:center;
background-image:url(shadow.png);
background-repeat:repeat-y;
}
#shadowend {
margin:0 auto;
z-index:10;
width:750px;
text-align:center;
background-image:url(backgroundimage.png);
background-repeat:repeat-y;
}
HTML:
Code:
<div id="shadow">
<div id="container">
<div id="headerbild"></div>
<p class="Menu"><a class="Menu" href="index.asp">Start</a></p>
<p class="Menu"><a class="Menu" href="ueber_mich.asp">Über mich</a></p>
<p class="Menu"><a class="Menu" href="hobbys.asp">Hobbys</a></p>
<p class="Menu"><a class="Menu" href="http://bombing-games.benediktvogler.de">Bombing Games</a></p>
<hr class="Menu">
<h2>Herzlich Willkommen!</h2>
<p>Dies ist meine Webseite. Ich hoffe sie gefällt Ihnen. Die meisten Designfehler sind nun behoben und nur noch ein schwarzer Hintergrund sollte stören.<br>
</p>
</div>
</div>
<div id="shadowend"></div>
Mit javascript geht das doch sicher auch, aber eine einfachere Lösung mit css und html ist doch sicher besser.
mfg