Hallo Leute,
ich würd auf meiner HP gern um den gesamten InhaltsContainer, einen Ramen inform von 4 bildern legen.
Folgendermaßen soll es aussehen, nur das der bambus ÜBER der hellgrünen box liegen müsste.

is das auf einem einfachen weg zu realisieren?
oder müsst ich um die grüne box meine bilder legen un das was "überlappen" soll als weitere bilder IN die box rein legen?
so siehts momentan aus:
mfg
ani
danke schon mal fürs lesen
edit:
habs CSS vergessen:
ich würd auf meiner HP gern um den gesamten InhaltsContainer, einen Ramen inform von 4 bildern legen.
Folgendermaßen soll es aussehen, nur das der bambus ÜBER der hellgrünen box liegen müsste.

is das auf einem einfachen weg zu realisieren?
oder müsst ich um die grüne box meine bilder legen un das was "überlappen" soll als weitere bilder IN die box rein legen?
so siehts momentan aus:
Code:
<div id="bigContainer">
<div id="RamenTop">
<div id="RamenLeft">
<div id="RamenRight">
<div id="RamenBottom">
<div id="container">
<!-- inhalt... -->
</div>
</div>
</div>
</div>
</div>
</div>
ani
danke schon mal fürs lesen
edit:
habs CSS vergessen:
Code:
#RamenTop{
margin: 0 auto;
background-image:url(../images/TopRamen.png);
background-repeat:no-repeat;
background-position: 0 0;
width:950px;
height:700px;
}
#RamenLeft{
background-image:url(../images/LeftRamen.png);
background-repeat:no-repeat;
background-position:left;
margin-left: 15px;
margin-top:-13px;
width:950px;
height:700px;
float:left;
}
#RamenRight{
background-image:url(../images/RightRamen.png);
background-repeat:no-repeat;
background-position:right;
width:950px;
height:700px;
float:right;
margin-right:31px;
}
#RamenBottom{
background-image:url(../images/BottomRamen.png);
background-repeat:no-repeat;
background-position:bottom;
width:950px;
height:700px;
clear:both;
margin-left: 15px;
margin-top:-13px;
}