Ich habe mal wieder ein Problem, ich habe mich jetzt mal einwenig in die divs eingearbeitet, da meine"Framesuppe" jetzt des öfteren kritisiert wurde.
Nun hab ich meine div-Ecken abgerundet, wenn ich nun aber eine eckige Hintergrundgrafik einfüge, überdeckt es mir die Abrundungen.
Kann man da mit irgendeinem code Abhilfe schaffe, oder muss ich die Grafiken den abgerundetet Ecken meiner divs anpassen???
Ich hab jetzt schon einiges versucht und auch hier bisher keine Lösung gefunden!
Hier mal mein bisheriger Code:
HTML
<html>
<head>
<title>Abitur 2008 || ZGB</title>
<style type="text/css">
div
{
font-size:12px;font-family:Verdana;
position:absolute;solid black;border:1px
}
.start
{
border:1px ;solid black;
left:202px;top:200px;
width:800px;height:820;
background-color:FFFFFF;
-moz-border-radius-bottomright:12px;
}
.banner
{
border:1px ;solid black;
left:22px;top:20px;
width:980px;height:150;
background-color:FFFFFF;
-moz-border-radius-topright:12px;
-moz-border-radius-topleft:12px;
}
.hmenue
{
border:1px ;solid black;
left:242px;top:130px;
width:760px;height:40;
background-color:FF0000;
}
.pfad
{
border:1px ;solid black;
left:22px;top:170px;
width:980px;height:30;
background-color:0000FF;
}
.sidebar
{
border:1px ;solid black;
left:22px;top:180px;
width:180px;height:840;
background-image:url(sidebar.jpeg);
background-color:FFFFFF;
-moz-border-radius-topright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-bottomleft:12px;
}
.ort
{
border:1px ;solid black;
left:27px;top:195px;
width:170px;height:30;
background-color:FFFF00;
-moz-border-radius-topright:12px;
-moz-border-radius-topleft:12px;
}
.div1
{
border:1px ;solid black;
left:27px;top:230px;
width:170px;height:610;
background-image:url(menue.jpeg);
background-color:FFFFFF;
-moz-border-radius-bottomright:85px;
-moz-border-radius-bottomleft:85px;
}
.menue
{
border:1px ;solid black;
left:37px;top:240px;
width:150px;height:280;
background-color:ffA500;
-moz-border-radius-topright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
}
.counter
{
border:1px ;solid black;
left:37px;top:550px;
width:150px;height:110;
background-color:ffA500;
-moz-border-radius-topright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
}
</style>
</head>
<body bgcolor="silver">
<div class="start"></div>
<div class="banner"></div>
<div class="hmenue"></div>
<div class="pfad"></div>
<div class="sidebar"></div>
<div class="ort"></div>
<div class="div1"></div>
<div class="menue"></div>
<div class="counter"></div>
</body>
</html>Außerdem werden bei mir keine schwarzen Ränder angezeigt, obwohl ich es so im Code angegeben habe.
Ich hoffe mir kann jemand helfen.
Danke schon mal im Vorraus!
