Ecken von Umrandung abrunden ?

[Niklas]

Hallo,

Ich möchte die Ecken von meiner Umrandung abrunden nur bei Googeln ist mir aufgefallen das das ganze doch sehr schwirig ist und ich hab gelesen das es nicht alle Browser unterstüzen (Allerdings war der Beitrag von 2007) !

Unterstützen es derzeit alle Browser? Und wie geht das ?

Gruß Niklas

 

[Space Vampire]

Abgerundete Ecken ohne Einsatz von Grafiken geht nur mit CSS 3
Dieses wird derzeit noch nicht von allen Browsern unterstützt.

 

[Niklas]

Das heißt diese Webseite Homepageliste.com benutzt CSS 3 ?

 

[Tomm]

Geht nur beim Firefox, beim IE bleibts eckig


Rahmen mit abgerundeten Ecken: Tipps und Tricks auf CSS 4 You - The Finest in Stylesheets

 

[Niklas]

Auch im Firefox ist Homepageliste.com rund benutzt die Webseite Bilder oder eine andere Methode ?

 

[Elroy]

Hallo.

Da du den Firefox benutzt:
Geh bitte auf Ansicht - Seitenquelltext anzeigen.

Bitte zeige auch etwas Eigeninitiative.

Gruss
Elroy

 

[Tomm]

Ich hab mir den Quelltext angeschaut
Bilder benutzt er nicht für die Ecken, sondern Javascript

Schau mal hier

Runde Ecken mit Javascript - Die perfekte Lösung | Hackthenet-Blog

 

[Elroy]

Ich hab mir den Quelltext angeschaut
Bilder benutzt er nicht für die Ecken, sondern Javascript

Schau mal hier

Runde Ecken mit Javascript - Die perfekte Lösung | Hackthenet-Blog

Und woran siehst du das?

Das hier schaut mir doch mehr nach Grafiken aus

<div class="wrapper-tl">                 <div class="wrapper-tr">                     <div class="wrapper-t">                         <div class="wrapper-tm">                             <div class="wrapper-bl">                                 <div class="wrapper-br">

Gruss
Elroy

 

[mustang]

ist auch eine grafik. einfach mal auf die ecke klicken und hintergrundgrafik anzeigen lassen.

 

[Niklas]

Ich versteh nur nicht warum das schonwieder nicht geht ? Laut Google wollen ziemlich viele das Wissen und ich finde es optisch schöner nur das gibt es natürlich malwieder nicht ;(

Ich machs jetzt einfach Eckig weiter .

Trotzdem Danke

 

[Tomm]

Ich versteh nur nicht warum das schonwieder nicht geht ? Laut Google wollen ziemlich viele das Wissen und ich finde es optisch schöner nur das gibt es natürlich malwieder nicht ;(

Ich machs jetzt einfach Eckig weiter .

Trotzdem Danke

Natürlich geht es mit einer Grafik
Nur ohne Grafik gibts Probleme

 

[Niklas]

Naja bei mir wird es auch mit Grafiken schwer weil ich auchnoch eine Abgerundete Box im Ineren der Webseite haben will !

 

[_Thor_]

Dann verwende -moz-border-radius und -webkit-border-radius. Browser die es schon unterstützen, zeigen abgerundete Ecken, andere Browser eben nicht.

 

[neuroleptika]

... Browser die es schon unterstützen, zeigen abgerundete Ecken, andere Browser eben nicht.

Das Gilt aber nur für Geckos bzw. Webkids. Andere bekommen so nie eine Chance border-radius umzusetzen. -Und wer weiß wann diese Prefixes von der regulären css3-Unterstützung überholt werden.
Der aktuelle Opera kennt z.B border-radius und ignoriert natürlich -moz-... und -webkit-...

Ich gestalte Rundungen noch immer mit Grafiken.

 

[_Thor_]

Was spricht dagegen, zusätzlich auch border-radius zu verwenden? So können alle Browser, wenn sie den Standard unterstützen, die Ecken abrunden.

 

[neuroleptika]

Nichts,
aber border-radius hast du nicht erwähnt.
-moz-border-radius bzw. -webkit-border-radius sollte der Hack sein (nicht border-radius).
Ist css3 denn schon Standard?

 

[_Thor_]

Nichts,
aber border-radius hast du nicht erwähnt.

Ok, mein Fehler ;)

-moz-border-radius bzw. -webkit-border-radius sollte der Hack sein (nicht border-radius).
Ist css3 denn schon Standard?

Nein, CSS3 ist noch nicht verabschiedet worden.