Rahmen mit abgerundete Ecken

[fotogenio]

Hallo miteinander,

möchte bei den beiden Rahmen abgerundete Ecken machen.
Habe folgendes in der css geschrieben:
.div1
{border:1px solid #aaaaaa;
left:200px;top:50px;
-moz-border-radius:10px;
-khtml-border-radius:30px;
}

Ergebnis: es wird ein Rahmen und gamcht aber der farbige Hintergrund ist noch Eckig.
Wie bekomme ich das Rund???

Hier ist die Seite.


Danke schon einmal für eure Beiträge

 

[Espe]

AW: Rahmen mit abgerundete Ecken

Ohne Firebug fühle ich mich immer so hilflos :lol:
Mit welchem Browser inkl. Version stellt NVU das dar?

 

[samtron]

AW: Rahmen mit abgerundete Ecken

was heißt das bitte Fireburg?
danke
MfG

 

[Sturmkraehe]

AW: Rahmen mit abgerundete Ecken

Firebug ist ein Addon für Firefox... hast du schoneinmal probiert die website mit einem anderen Browser anzuschauen als nicht nur über NVU?

Wenn du die seite hochladen würdest könnte man dir ansonsten vielleicht auch eher helfen

 

[barodscheff]

AW: Rahmen mit abgerundete Ecken

Die vollständigen Angaben die du schreiben musst lauten meiner Meinung nach:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

Welchen Browser benutzt du? Ist das Verhalten in allen Browsern gleich?
Link zur HP?

Viele Grüße

edit: CSS3 funktioniert nicht in allen Browsern. Wenn du sichergehen willst solltest du eine "grafische" Lösung wählen.

 

[samtron]

AW: Rahmen mit abgerundete Ecken

hast du damit versucht?
http://css3generator.com/ einfach border-radius einstellen dann deine zahlen eingeben
MfG

 

[Mindar]

AW: Rahmen mit abgerundete Ecken

Da dein .div1 keine hintergrundfarbe hat, denke ich mal, das eines seiner Kindelemente gleichgroß wie .div1 selbst ist, da die Ecken des Kindelements aber nicht abgerundet sind, steht es halt über .div1 hinaus. Du könntest das mit overflow:hidden; bei .div1 unterdrücken.

MfG Mindar

 

[Davi2000]

AW: Rahmen mit abgerundete Ecken

Die vollständigen Angaben die du schreiben musst lauten meiner Meinung nach:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
.

Es fehlt:

-o-border-radius:

Aber das ist nicht das Problem. Ich glaube auch das die Software es nicht richtig darstellt. Immer einen Cross Browsertest durchführen.