Halli hallo,
Steh grad etwas auf dem Schlau. Vll hat hier jemand ne Lösung für mein Problem.
Versuche grade um einer Box zwei Schatten hinzuzufügen (mit zwei .pngs und ohne box-shadow).
Die Schatten müssen einfach an der Box bleiben und im Browserfenster zentriert angezeigt werden.
Leider brichts bei mir nicht so um wie ich gerne möchte da ich mit margin:auto; arbeite.
Nachdem ich gefloatet habe funktioniert einfach gar nichts mehr
.
Wäre für jede kleine Hilfestellung sehr dankbar.
Hier mal ne abgespeckte Version^^
Gruss Konzule
Steh grad etwas auf dem Schlau. Vll hat hier jemand ne Lösung für mein Problem.
Versuche grade um einer Box zwei Schatten hinzuzufügen (mit zwei .pngs und ohne box-shadow).
Die Schatten müssen einfach an der Box bleiben und im Browserfenster zentriert angezeigt werden.
Leider brichts bei mir nicht so um wie ich gerne möchte da ich mit margin:auto; arbeite.
Nachdem ich gefloatet habe funktioniert einfach gar nichts mehr

Wäre für jede kleine Hilfestellung sehr dankbar.
Hier mal ne abgespeckte Version^^
Code:
<html>
<head>
<style type="text/css">
#box{
height: 400px;
width: 400px;
background-color: red;
margin: auto;
float: left;
}
#wrapper {
margin: auto;
}
#shadow1{float:left;}
</style>
</head>
<body>
<div id="wrapper">
<div id="shadow1">
<img src="Bilder/shadow.png">
</div>
<div id="box"></div>
<div id="shadow2">
<img src="Bilder/shadow.png">
</div>
</div>
</body>
</html>
Zuletzt bearbeitet: