Hallo, hier mien Code
<style type="text/css">
#shadow_header
{
border:2px solid #bbbbbb;
-moz-border-radius:35px;
background-color:#bbbbbb;
left:150px;top:50px;
width:700px;
height:100px;
margin:10px 0px 0px 10px;
z-index:2;
}
#shadow_menue
{
border:2px solid #bbbbbb;
-moz-border-radius:35px;
background-color:#bbbbbb;
left:35px;top:120px;
width:140px;
height:500px;
margin:10px 0px 0px 10px;
z-index:1;
}
#shadow_content
{
border:2px solid #bbbbbb;
-moz-border-radius:35px;
background-color:#bbbbbb;
left:260px;top:200px;
width:500px;
height:500px;
margin:10px 0px 0px 10px;
}
header
{
font-size:12px;font-family:Verdana;
position:absolute;width:700px;height:100px;
background-color:#efefef;
}
.header1
{
border:2px solid #aaaaaa;
left:150px;top:50px;
-moz-border-radius:35px;
z-index:3;
}
div
{
font-size:12px;font-family:Verdana;
position:absolute;width:150px;height:500px;
background-color:#efefef;
}
.div1
{
border:2px solid #aaaaaa;
left:25px;top:120px;
-moz-border-radius:35px;
z-index:1;
}
content
{
font-size:12px;font-family:Verdana;
position:absolute;width:500px;height:500px;
background-color:#efefef;
}
.content1
{
border:2px solid #aaaaaa;
left:260px;top:200px;
-moz-border-radius:35px;
}
</style>
<title>Rahmen mit abgerundeten Ecken</title>
</head>
<div id="shadow_header"></div>
<div id="shadow_menue"></div>
<div id="shadow_content"></div>
<header class="header1">Header</div>
<div class="div1">Menü</div>
<content class="content1">Content</div>
Jetzt möchte ich ein Backround image für den header einbauen... Tue ich dies über
background-image:url('back.jpg');
background-repeat: repeat;
background-moz-border-radius:35px;
Geht das image aber über den Rand.
Das Probelm ist also das Hintergrundbild auch, wie das Menü, rund zu bekommen.
Weiß wer wie ich das hinbekomme?