border-radius in ie lt 9

drsoong · 04.01.2012, 17:43

Hi

versuche gerade mal shadow und border-radius im IE kleiner 9 abzubilden.

shadow funktioniert ganz gut durch eine filter: Anweisung.

Bei border-radius bin ich auf der Suche nach einer wirklich funktionierenden htc-Datei, die ich per

Code:

behavior:url(border-radius.htc);

einbinden kann.

Die einzige, die ich in zwei Versionen gefunden habe, stammt von zwei Herren namens Fetchak und Butler, die entweder alle <p> irgendwie separat stellt, obwohl das behaviour dem umgebenden div zugeordnet ist oder gar nichts macht.

Kurzum die Frage: Kann mir jemand einen Link zu einer brauchbaren htc-Datei nennen?

halskrause · 05.01.2012, 03:30

jQuery hat ppar border-radius plugins, die Crossbrowser funktionieren.
Diesen machen aber den MarkUp total kaputt.

Mein Motto: IE 7 Nutzer kennen kein border-radius => Daher werden diese Leute nichts vermissen, wenn die Rändern nicht abgerundet sind. Sogar Youtube hat keine Extraregeln für altere Browser.

drsoong · 05.01.2012, 08:53

Zitat:

Zitat von halskrause

jQuery hat ppar border-radius plugins, die Crossbrowser funktionieren.
Diesen machen aber den MarkUp total kaputt.

Mein Motto: IE 7 Nutzer kennen kein border-radius => Daher werden diese Leute nichts vermissen, wenn die Rändern nicht abgerundet sind. Sogar Youtube hat keine Extraregeln für altere Browser.

Danke für die Antwort. Falls es dabei bleibt, werde ich da wohl auch mit leben können. Gruß

eagle275 · 05.01.2012, 12:19

hast du dir mal PIE (http://css3pie.com/) angeschaut? diese bietet neben Border-Radius auch Unterstützung für Background-Gradient (ohne Bilder zu missbrauchen)

drsoong · 05.01.2012, 13:36

Zitat:

Zitat von eagle275

hast du dir mal PIE (http://css3pie.com/) angeschaut? diese bietet neben Border-Radius auch Unterstützung für Background-Gradient (ohne Bilder zu missbrauchen)

Danke, kannte ich noch nicht.

Habe das mal getestet im IE 8. Leider ohne Effekt. Das entsprechende Element bleibt unverändert.

An die .htaccess habe ich gedacht. ???

eagle275 · 05.01.2012, 13:43

da sind wir ja schon 2 - ich krieg es bei mir auch nicht zum laufen,. an sich aber muss es wohl gehen, denn wenn du die Seite im IE-8 / IE-Modus aufrufst, zeigt er ja korrekt abgerundete Ecken an - und man kann im Seitenquelltext (Anzeige über Firefox) sich die Style-Sheets bzw html-Definition anschauen

drsoong · 05.01.2012, 14:05

Zitat:

da sind wir ja schon 2

Hm, habe gerade festgestellt, dass ich die britische Schreibweise behaviour statt der Amerikanischen behavior benutzt habe.

Jetzt gibt es einen Effekt, aber leider nicht den Erhofften. Jetzt sind wieder wie vorher alle p-Elemente separat dargestellt. Ich fürchte, ich muss mich aus Zeitgründen und der niederen Priorität wegen von dem Thema verabschieden.

eagle275 · 05.01.2012, 14:52

ich glaub du wendest das noch falsch an, es hat keinen Sinn das behavior dem übergeordneten div zuzuweisen - du musst es direkt bei den einzelnen Elementen angeben, die dann den border-radius bekommen sollen

drsoong · 05.01.2012, 18:05

Zitat:

Zitat von eagle275

ich glaub du wendest das noch falsch an, es hat keinen Sinn das behavior dem übergeordneten div zuzuweisen - du musst es direkt bei den einzelnen Elementen angeben, die dann den border-radius bekommen sollen

Code:

<div id="sideBar" class="rounded shadowed">
        <br />
        <h3 class="sideText">Bla</h3><br />
        <p class="sideText plus">Bla</p>
        <br /><br />
        <table>
            <tr>
                <td id="left"><img src="http://www.php.de/images/goLeft.jpg" alt="go left" /></td>
                <td><img width="225" height="169" id="imgOpen" style="margin-left: auto; margin-right: auto;display: block;" src="http://www.php.de/images/man_225x169.jpg" /></td>
                <td id="right"><img src="http://www.php.de/images/goRight.jpg" alt="go right" /></td>
            </tr>
        </table>
        <br /><br />
 
        <div style="clear:both ;"></div>
 
        <p class="sideText">bla</p>
        <br />
        </div>

So sieht der Code aus. Jetzt sieht es im Ergebnis so aus, dass das h3, die p's und die Tabelle statt ineinander übergehend separat und ohne runde Ecken dargestellt werden. Allerdings soll nur das umgebende Div runde Ecken haben.

Die css-Klasse sieht so aus:

Code:

.rounded {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    behavior:url(PIE.htc);
 
}

dsentker · 05.01.2012, 18:09

Warum macht ihr euch für Browsernutzer so derart krumm, die sowieso noch nie in ihrem Leben Box-Shadow / runde Ecken etc im Browser gesehen haben?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
HTML / CSS Border wird in bei Längeneingabe in % nicht angezeigt	AmCalley	HTML, Usability und Barrierefreiheit	4	07.02.2011 14:12
Border wird links und rechts nicht angezeigt	knarzkopf	HTML, Usability und Barrierefreiheit	3	01.10.2010 12:42
Border um Border?	CL90	HTML, Usability und Barrierefreiheit	12	14.07.2010 15:38
CSS Table row border	aha_01	HTML, Usability und Barrierefreiheit	6	31.03.2010 16:18
Border um Bild mit Hyperlink nur im FF (IE6,IE7,IE8,Opera,Safari geht)	da.eXecutoR	PHP Tipps 2009	2	12.08.2009 16:29
CSS border probleme mit IE	evader	HTML, Usability und Barrierefreiheit	6	29.04.2009 19:43
Border bei fieldset	litterauspirna	HTML, Usability und Barrierefreiheit	4	25.01.2009 10:33
CSS DIV Border Problem bei IE (wo auch sonst)	FearMyInnerSelf	HTML, Usability und Barrierefreiheit	3	18.07.2008 07:14
div hintergrund wird nur angezeigt wenn border definiert	noskule	HTML, Usability und Barrierefreiheit	0	21.12.2006 15:51
Bild als Border		HTML, Usability und Barrierefreiheit	1	18.09.2005 09:53
IE falsche darstellung von border eigenschaften		HTML, Usability und Barrierefreiheit	1	20.06.2005 11:50
Bild als border	Dragon26mFR	HTML, Usability und Barrierefreiheit	6	06.06.2005 16:33
[IE] Border abgehackt	Buhmann	HTML, Usability und Barrierefreiheit	10	14.05.2005 19:54
[Erledigt] Border Frage		HTML, Usability und Barrierefreiheit	2	31.08.2004 20:52

04.01.2012, 17:43
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	border-radius in ie lt 9 Hi versuche gerade mal shadow und border-radius im IE kleiner 9 abzubilden. shadow funktioniert ganz gut durch eine filter: Anweisung. Bei border-radius bin ich auf der Suche nach einer wirklich funktionierenden htc-Datei, die ich per Code: behavior:url(border-radius.htc); einbinden kann. Die einzige, die ich in zwei Versionen gefunden habe, stammt von zwei Herren namens Fetchak und Butler, die entweder alle <p> irgendwie separat stellt, obwohl das behaviour dem umgebenden div zugeordnet ist oder gar nichts macht. Kurzum die Frage: Kann mir jemand einen Link zu einer brauchbaren htc-Datei nennen? __________________ Es ist schon alles gesagt. Nur noch nicht von allen.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

05.01.2012, 03:30
halskrause Erfahrener Benutzer Registriert seit: 29.08.2008 Beiträge: 777	jQuery hat ppar border-radius plugins, die Crossbrowser funktionieren. Diesen machen aber den MarkUp total kaputt. Mein Motto: IE 7 Nutzer kennen kein border-radius => Daher werden diese Leute nichts vermissen, wenn die Rändern nicht abgerundet sind. Sogar Youtube hat keine Extraregeln für altere Browser.

05.01.2012, 12:19
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	hast du dir mal PIE (http://css3pie.com/) angeschaut? diese bietet neben Border-Radius auch Unterstützung für Background-Gradient (ohne Bilder zu missbrauchen) __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

05.01.2012, 13:43
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	da sind wir ja schon 2 - ich krieg es bei mir auch nicht zum laufen,. an sich aber muss es wohl gehen, denn wenn du die Seite im IE-8 / IE-Modus aufrufst, zeigt er ja korrekt abgerundete Ecken an - und man kann im Seitenquelltext (Anzeige über Firefox) sich die Style-Sheets bzw html-Definition anschauen __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

05.01.2012, 14:52
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	ich glaub du wendest das noch falsch an, es hat keinen Sinn das behavior dem übergeordneten div zuzuweisen - du musst es direkt bei den einzelnen Elementen angeben, die dann den border-radius bekommen sollen __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

05.01.2012, 18:09
dsentker Erfahrener Benutzer Registriert seit: 26.11.2008 Beiträge: 264	Warum macht ihr euch für Browsernutzer so derart krumm, die sowieso noch nie in ihrem Leben Box-Shadow / runde Ecken etc im Browser gesehen haben? __________________