Forum

[Oliver.Kreischer]

Hallo Leute,

kennte jemand von Euch eine Möglichkeit browserkompatibel via CSS (HTC?) oder JS einem DIV der einen transparenten Hintergrund haben soll runde Ecken mit einem Border zu verpassen?

Am liebsten ohne Grafiken für die Ecken. Der Hintergrund kann ruhig ein PNG sein.
IE6 wäre egal... Funktionieren muss(!) es in IE7-9 und FF.
In den anderen aktuellen Browsern kann es ruhig etwas anders aussehen solange es "gut" aussieht.

Ich finde keine Lösung... Irgendein Browser macht immer Mist.

LG
Oliver

[jeandeluxe]

In den anderen aktuellen Browsern kann es ruhig etwas anders aussehen solange es "gut" aussieht.

Was is mit Opera.. egal? FF und Webkit ist ja kein Thema, für IE würd ich mal http://css3pie.com/ probieren.. und dann sagen obs klappt ;) habs selbst noch nicht getestet weil grad erst drüber gestolpert.. Robert meint es würd tun.

hth,
Jan

[Oliver.Kreischer]

Hi Jan,

danke für die Antwort. Ich habe das schon ausprobiert. Funktioniert leider auch nicht wirklich.

LG
Oliver

[Oliver.Kreischer]

Also ich habe jetzt noch mal zwei Stunden geforscht und keine Lösung gefunden...
Hat das noch niemand von Euch gebraucht / gewollt?

LG
Oliver

[Gregor.Harlan]

Was is mit Opera.. egal? FF und Webkit ist ja kein Thema

Nur kurz: Opera ist auch kein Thema (mehr)

[Oliver.Kreischer]

Sag ich doch...

[jackomono]

Oldscool JS Lösungen?
Sowas wie Curvey Corners?
http://www.curvycorners.net/

Hier eine (ziemlich alte) Übersicht, was sonst möglich ist. Bzw. damal war (ohne css3 natürlich):
http://www.smileycat.com/miaow/archives/000044.php

Sonst teste mal diese hier:
http://code.google.com/p/curved-corner/
http://www.fetchak.com/ie-css3/

Sind noch von mir ungetestet, bin auf einen Bericht gespannt:

Gruß
Jakob

[Oliver.Kreischer]

Hi,

Danke für die Tipps. Hab ich natürlich alles schon getestet. Ohne Erfokg.

Ich mach das jetzt nur mit CSS. Im IE 7 und 8 gibt es halt keine Transparenz.

Ist für den Kunden ok. Dafür gibt es einen netten Schatten

LG
Oliver

[rkemmere]

Hey Oliver check mal:

jQuery corner plugin: simple corner rounding
Examples and documentation at: http://jquery.malsup.com/corner/

Habe es hier im für den IE im Einsatz: http://www.im-duett.com
Die Bilder werden direkt per Plugin und den Image Manager erzeugt.

Vg
Ronny

[Oliver.Kreischer]

Danke für den Tipp aber das hat auch nicht funktioniert.
Sliding Doors würde funktionieren aber das wollte ich nicht...

Zuviel Arbeit -:)

LG
Oliver

[Oliver.Kreischer]

Der Robert hat ein Beispiel gebaut welches mit pie.htc funktioniert...

Da musste ich niochmal nachforschen. Die .htc Datei wurde bei meinem Server gar nicht ausgeführt. Erst nachem ich in der .htaccess AddType text/x-component .htc eingetragen habe funktionierte das.

Fazit: Runde Ecken + transparenter Hintergrund (png) + Border + Schatten

MAC

Safari, Firefox, Chrome, Opera - ok
Opera - keine runden Ecken

PC

FF, Opera, Chrome - ok
IE 6, 7,8 und 9 - Probleme mit Schatten

Das ist doch schon ein sehr gutes Ergebnis!
Die IEs bekommen keinen Schatten und alles ist gut

Danke nochmal an Robert (XONG)

LG
Oliver

[Markus.Staab]

Hi zusammen,

ich bin immernoch der Meinung dass man das mit einem Effekt im Imagemanager locker machen kann....

Gruß,
Markus

[Oliver.Kreischer]

Hi Markus,

Hier geht es allerdings um DIVs und nicht um Bilder..,

LG
Oliver

[Richard.Laing]

hi oliver
das geht mit dem manager von jandeluxe
http://www.redaxo.org/de/download/addons/?addon_id=883&searchtxt=image&cat_id=-1
du kannst den divs ja ein hintergrundbild geben welches du mit dem manager bearbeiten kannst.
gruß richy

[jeandeluxe]

das geht mit dem manager von jandeluxe

Das ist Jan Kristinusens ImageManager! ;) nur so mal zur Klarstellung.. von mir sind lediglich die EPs reingestrickt auf welchen die Plugins aufbauen.

Genauer: mit dem Background Plugin/Effekt.. ABER: kann keine Schatten!
Im übrigen: so nett es sein mag, mir sind direkte Lösungen ohne Grafik-Krücken auch lieber. Der große showstopper war halt bisher der IE, aber mit css3Pie läßt sich das wohl jetzt einnorden..

lg,
Jan