Hallo Community,
ich wende mich mit einem Problem, bei dem ich nicht weiterweiß an euch.
Ich will mit div-Containern einen Rahmen mit runden Ecken machen.
Dies funktioniert auch soweit super.
Allerdings sind meine Rahmen jetzt leicht durchsichtig. Und da muss ich mit Padding diese so verschieben, dass die Ecken nicht übereinanderliegen.
Allerdings greift ein Padding Wert auf der rechten Seite anders, als bei der linken. Könnt ihr mir sagen wieso?
hier mein Quelltext und das Bild dazu.
div.pospopular {
background: transparent url(images/cbox_t.png) scroll no-repeat top left ;
width: 179px;
padding-top:8px;
}
div.pospopular div{
background: transparent url(images/cbox_b.png) scroll no-repeat bottom right;
padding-bottom:4px;
}
div.pospopular div div{
background: transparent url(images/cbox_l.png) scroll no-repeat top left;
}
div.pospopular div div div {
background: transparent url(images/cbox_r.png) scroll no-repeat top right;
}