Hallo Leute !
Es geht um folgende Seite:
Eins vorweg: ich kenne mich mit CSS nicht besonders gut aus.
Um diese Seite soll links, rechts sowie unten ein Schatten zu sehen sein.
Dazu hatte ich vor, mich an den zahlreichen Tutorials für Boxen mit runden Ecken zu orientieren.
Dabei ist der folgende Code entstanden:
CSS:
Wie man nun unschwer erkennen kann, wird die Grafik am äußerst linken Rand des Brosers positioniert. Sie soll allerdings, wie schon zu vermuten ist, am rechten Rand meines Layouts kleben (im Code hat der weiße Layer die ID Basis).
Wie positioniere ich den Schatten am besten ? Wenn ich im CSS Teil dem DIV schattenrechts ein Margin gebe, verschiebt sich mein gesamtes layout.
Grüße
Holger
Es geht um folgende Seite:
Eins vorweg: ich kenne mich mit CSS nicht besonders gut aus.
Um diese Seite soll links, rechts sowie unten ein Schatten zu sehen sein.
Dazu hatte ich vor, mich an den zahlreichen Tutorials für Boxen mit runden Ecken zu orientieren.
Dabei ist der folgende Code entstanden:
Code:
<body>
<div id="schattenlinks">
<div id="schattenrechts">
<div id="schattenunten">
<div id="schattenlinkeUntereEcke">
<div id="schattenrechteUntereEcke">
Hier habe ich den Code der vorhandenen Webseite eingefügt
</div>
</div>
</div>
</div>
</div>CSS:
Code:
div#schattenrechts{
background: url(schattenrechts.gif) repeat-y;
}Wie man nun unschwer erkennen kann, wird die Grafik am äußerst linken Rand des Brosers positioniert. Sie soll allerdings, wie schon zu vermuten ist, am rechten Rand meines Layouts kleben (im Code hat der weiße Layer die ID Basis).
Wie positioniere ich den Schatten am besten ? Wenn ich im CSS Teil dem DIV schattenrechts ein Margin gebe, verschiebt sich mein gesamtes layout.
Grüße
Holger
Zuletzt bearbeitet:
