7
CSS Rounded Corners
Gibt es eine Möglichkeit im IE abgerundete Ecken mittels CSS zu realisieren?
Tag zusammen
Ich versuche zurzeit einem div Element abgerundete Ecken zu verpassen.
Dabei bin ich auf diese beiden Möglichkeiten gestossen:
-webkit-border-radius: xypx;
-moz-border-radius: xypx;
Leider hört der Spass beim IE auf, da funktioniert weder das eine noch das andere.
Nun meine Frage:
Gibt es eine Möglichekit das im IE zu realisieren? (ausser mit Bildern in den Ecken)
Warscheinlich nicht, und warscheinlich wurde das auch schon 100 Mal durchgekaut.
Deshalb: Wie wurde das auf ricardo.ch gelöst?
Lg valume
Tag zusammen
Ich versuche zurzeit einem div Element abgerundete Ecken zu verpassen.
Dabei bin ich auf diese beiden Möglichkeiten gestossen:
-webkit-border-radius: xypx;
-moz-border-radius: xypx;
Leider hört der Spass beim IE auf, da funktioniert weder das eine noch das andere.
Nun meine Frage:
Gibt es eine Möglichekit das im IE zu realisieren? (ausser mit Bildern in den Ecken)
Warscheinlich nicht, und warscheinlich wurde das auch schon 100 Mal durchgekaut.
Deshalb: Wie wurde das auf ricardo.ch gelöst?
Lg valume
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 140523
Url: https://administrator.de/forum/css-rounded-corners-140523.html
Ausgedruckt am: 23.12.2024 um 12:12 Uhr
7 Kommentare
Neuester Kommentar
Tag,
Warte, bis CSS3 fertig ist. Dort sollen abgerundete Ecken spezifiziert werden.
Ansonsten kannst du doch einfach im code von ricardo.ch nachschauen?
Lg
Snow
Warte, bis CSS3 fertig ist. Dort sollen abgerundete Ecken spezifiziert werden.
Ansonsten kannst du doch einfach im code von ricardo.ch nachschauen?
Lg
Snow
Gibt es ...
Der Trick ist Recht einfach und mit Google hättest du sofort eine Antwort gefunden. ;)
Du machst ein Div.
In diesem Div machst du 4 weitere Divs...
Über CSS Positionierst du die 4 Divs in den Ecken des "äußeren Divs"
und gibst ihnen kleine runde Hintergrund-Grafiken (deine abgerundeten Ecken)
Und tada - du hast ein Rounded-Corner Div das auch im IE funktioniert. ;)
Da hast du 25 Möglichkeiten wie man es realisieren kann:
http://www.devwebpro.com/25-rounded-corners-techniques-with-css/
EDIT:
Gerade erst gelesen "ausser mit bildern in den Ecken"...
Ne eine Methode OHNE Eck-Bilder kenne ich nicht.
Der Trick ist Recht einfach und mit Google hättest du sofort eine Antwort gefunden. ;)
Du machst ein Div.
In diesem Div machst du 4 weitere Divs...
Über CSS Positionierst du die 4 Divs in den Ecken des "äußeren Divs"
und gibst ihnen kleine runde Hintergrund-Grafiken (deine abgerundeten Ecken)
Und tada - du hast ein Rounded-Corner Div das auch im IE funktioniert. ;)
Da hast du 25 Möglichkeiten wie man es realisieren kann:
http://www.devwebpro.com/25-rounded-corners-techniques-with-css/
EDIT:
Gerade erst gelesen "ausser mit bildern in den Ecken"...
Ne eine Methode OHNE Eck-Bilder kenne ich nicht.
Zitat von @Unitet20:
Gerade erst gelesen "ausser mit bildern in den Ecken"...
Ne eine Methode OHNE Eck-Bilder kenne ich nicht.
Gerade erst gelesen "ausser mit bildern in den Ecken"...
Ne eine Methode OHNE Eck-Bilder kenne ich nicht.
Google mal nach "CSS slant"
HI Snowman
Danke erstmal für deine Antwort.
Nur hab ich nicht herausgefunden wie das dort gemacht wurde.
Sie haben -webkit-border-radius: xypx; und -moz-border-radius: xypx; drinnen, jedoch dürften diese beim IE ja nicht funktionieren, bei www.ricardo.ch tun sie es aber :S
Wie wurde das dort gemacht?
lg Valume
Danke erstmal für deine Antwort.
Ansonsten kannst du doch einfach im code von ricardo.ch nachschauen?
Hab ich auch gemacht^^Nur hab ich nicht herausgefunden wie das dort gemacht wurde.
Sie haben -webkit-border-radius: xypx; und -moz-border-radius: xypx; drinnen, jedoch dürften diese beim IE ja nicht funktionieren, bei www.ricardo.ch tun sie es aber :S
Wie wurde das dort gemacht?
lg Valume
Hi Snowman
Krank was manche Leute sich so ausdenken O.o
Das ist mir zu mühsam ;)
Werde mir mal die Möglichkeiten mit jQuery ansehen.
Wurde das bei Ricardo nun mit dem Slant hack gemacht?
lg Valume
Krank was manche Leute sich so ausdenken O.o
Das ist mir zu mühsam ;)
Werde mir mal die Möglichkeiten mit jQuery ansehen.
Wurde das bei Ricardo nun mit dem Slant hack gemacht?
lg Valume
Hi !
Da kannst Du dich doch nie darauf verlassen, dass die Seiten auf den unterschiedlichen Browsern gleich aussehen....Das ist doch der Normalfall im Browserchaos...
Ich denke da kommt (wie allgemein üblich) eine Browserweiche zum Einsatz...Musst Du dir halt mal anschauen... Auf deiner Beispielseite gibt eine CSS-Klasse die 'rounded_corners' heisst.
mrtux
Da kannst Du dich doch nie darauf verlassen, dass die Seiten auf den unterschiedlichen Browsern gleich aussehen....Das ist doch der Normalfall im Browserchaos...
Wurde das bei Ricardo nun mit dem Slant hack gemacht?
Ich denke da kommt (wie allgemein üblich) eine Browserweiche zum Einsatz...Musst Du dir halt mal anschauen... Auf deiner Beispielseite gibt eine CSS-Klasse die 'rounded_corners' heisst.
mrtux
Zitat von @Snowman25:
> Zitat von @Unitet20:
> ----
> Gerade erst gelesen "ausser mit bildern in den Ecken"...
> Ne eine Methode OHNE Eck-Bilder kenne ich nicht.
Google mal nach "CSS slant"
> Zitat von @Unitet20:
> ----
> Gerade erst gelesen "ausser mit bildern in den Ecken"...
> Ne eine Methode OHNE Eck-Bilder kenne ich nicht.
Google mal nach "CSS slant"
Danke!
Das kannte ich allerdings noch nicht! ;)
An den Thread-Ersteller, wenn deine Frage beantwortet ist - bitte markier den Thread als "gelöst"!!
