Runde Ecken #wrap

[Kwonga]

Hi Zusammen,

ich würde gerne den Rahmen um den Shop mit "runden" Ecken versehen.

So schauts im Moment aus:

Code: CSS  [Auswählen]

#wrap {
background-color:#FFFFFF;
border:3px solid #C0C0C0;
margin:0 auto 10px;
padding:10px;
width:980px;
}

Entspricht:

  [ Für Gäste sind keine Dateianhänge sichtbar ]

Hier habe ich gelesen wie es zu realisieren ist.

Code: PHP  [Auswählen]

-moz-border-radius:30px;

Leider habe ich es nicht hinbekommen.
Hat jemand einen Tipp?

Grüße
Dirk

Linkback: https://www.modified-shop.org/forum/index.php?topic=5363.0

[xtc-template.net]

Hi,

Code: CSS  [Auswählen]

-moz-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:30px;

Natürlich musst du bedenken das es nicht im IE angezeigt wird. Falls du das auch möchtest, muss mit Grafiken gearbeitet werden.

[kwiekids]

... rounded corners im IE wird vermutlich erst mit Version 11 kommen  
das nutzt aber nichts, da es noch 1 oder 2 IE User gibt   die wollen
schliesslich ebenfalls jetzt schon Runde Ecken sehen ....

Schau dir mal diese Javascrip-Lösung an -> Rounded Corners

cheers  
kwiekids

[xtc-template.net]

@kwiekids

hab das gerade mal ausprobiert und funktioniert hervorrangend.

Runde Ecken im IE, FF... ohne Grafiken

[kwiekids]

Hallo, ja - ich habe es auch getestet funktioniert recht gut, wenn keine
Latenzen entstehen durch ein zu langsames System  

cheers  
kwiekids

[Kwonga]

Hi,

das IE das nicht macht habe ich schon gelesen, da es aber eh nur "optik" ist nicht so wichtig. FF2 kanns übrigens auch nicht, auch wenn ich nicht glaube das es noch viele Anwender mit FF2 gibt.....

Code: CSS  [Auswählen]

#wrap {
background-color:#FFFFFF;
border:3px solid #C0C0C0;
moz-border-radius-bottomleft:30px;
moz-border-radius-bottomright:30px;
margin:0 auto 10px;
padding:10px;
width:980px;
}

Hab's so eingetragen, Ecken bleiben aber eckig....
Cache Browser/Server ist schon geleert.

Grüße
Dirk

[kwiekids]

aufgrund dieser Tatsache resultiert auch die Empfehlung für die js-Variante. 

cheers 
kwiekids

[xtc-template.net]

@ Kwonga,

schick mir mal bitte deine URL dann schau ich mir das mal an

[xtc-template.net]

Code: CSS  [Auswählen]

#wrap {
-moz-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:30px;
background-color:#FFFFFF;
border:3px solid #C0C0C0;
margin:0 auto 10px;
padding:10px;
width:980px;
}

Funktioniert im FF

[Kwonga]

@xtc - template
ja danke, so herum funktioniert es!
Danke
Grüße
Dirk