Forum - CSS 3 - Abgerundete Ecken in allen Browsern darstellen!

CSS 3 - Abgerundete Ecken in allen Browsern darstellen!

---

Abgerundete Ecken können einem Design ein eleganteres Gesamtbild verleihen oder den Charakter einer Website freundlicher erscheinen lassen. Fast alle aktuellen Webbrowser unterstützen "CSS3", mit dem sich runde Ecken auf HTML-Elemente anwenden lassen. Nur der Internet Explorer benötigt noch einen zusätzlichen Eintrag.


CSS 3 für gleichmäßig abgerundete Ecken:




Für ältere Browser und die, die nicht CSS 3 unterstützen, gibt es eine weitere Möglichkeit:




CSS 3 - Variationen mit unterschiedlich abgerundeten Ecken:





Bis dann und gutes Gelingen

Wolfgang

'border-radius.htc' - Abgerundete Ecken für den Internet Explorer

---

Um in älteren Versionen 6, 7 und 8 des Internet Explorers auch abgerundete Ecken darstellen zu können, wird z.B. die "border-radius.htc" benötigt.
Wenn man diese Datei mit einem Text-Editor öffnet, kann man erkennen, dass es sich um ein JavaScript  handelt.

• Soll 'border-radius.htc' funktionieren, muss auch JavaScript im Browser aktiviert sein.
• Die Datei 'border-radius.htc' wird hochgeladen
• Der komplette Pfad muss angepasst und angegeben werden
• Die Datei kann unter https://code.google.com/p/curved-corner/downloads/list heruntergeladen werden

Abgerundete Ecken für den Internet Explorer ab Version 6!






Bis dann

Wolfgang