Runda hörn i IE7 och IE8

Events happening in the community are now at Drupal community events on www.drupal.org.
miccelito's picture

Att få webbläsare IE7 och IE8 att visa runda hörn för olika element kan vara klurigt. Det är väl flera som försökt och prövat olika metoder, antar jag.

Så jag vore mycket tacksam att få höra hur ni andra löst problemet och vilka av de olika metoderna ("work-arounds") som är att föredra.

Jag har prövat några olika alternativ, men inte ännu hittat någon lösning som fungerar tillfredsställande.

Ponera ett exempel... runda hörn i botten på header...

CSS:
div#header div.section {
width:980px;
height:100px;
background:#999;
border-radius:0 0 9px 9px;
-moz-border-radius:0 0 9px 9px;
-webkit-border-radius:0 0 9px 9px;
-khtml-border-radius:0 0 9px 9px;
position:relative;
}

Alternativ 1: CSS3 PIE pie.htc css-baserad, manuellt direkt i ie.css eller genom css3pie modul http://drupal.org/project/css3pie
div#header div.section {
behavior:url(/pie.htc);
}

Alternativ 2: CSS3 PIE javascript-baserad aka "PIE JavaScript edition" genom css3pie modul http://drupal.org/project/css3pie

Alternativ 3: Rounded corners http://drupal.org/project/rounded_corners

Alternativ 4: CurvyCorners http://drupal.org/project/curvycorners

Andra alternativ...?

Efter att prövat mellan de olka alternativen (tycker jag)..

Alternativ 1 (pie.htc) funkar nästan men pie.htc konfliktar med vissa andra modulers script t ex vissa funktioner i Ubercart slutar fungera.
Alternativ 2 (PIE JavaScript edition) fick jag inte att fungera. Kanske fel på modulen css3pie?
Alternativ 3 (Rounded corners) kräver att man installerar även jQuery och jquery_update moduler. Har inte testat.
Alternativ 4 (CurvyCorners) fick jag inte heller att fungera, dokumentationen (readme.txt) är bristfällig.

Som sagt, vore mycket intressant höra förslag på "bästa" lösningen för att göra runda hörn i IE7/IE8.

Comments

Ignorera IE 7 och 8

frjo's picture

Mitt tips är att ignorera IE 7 och 8. De relativt få besökare som hänger kvar med dessa gamla webb-kläsare dör inte av att se lite kantiga hörn här och där. Vill du stödja dessa webb-läsare så se istället till att det funktionsmässigt inte är några problem.

IE 7 är nästan borta i Sverige och IE 8 ligger på typ 10% och faller snabbt.

http://gs.statcounter.com/#browser_version_partially_combined-SE-monthly...

Jag håller med och dessutom

göran's picture

Jag håller med och dessutom har väl t o m Google beslutat att inte längre supporta IE under version 9, så omställningen till IE 9 borde gå ganska snabbt.
Det är bara menat som ett tips ;)... inte ett tåtramp...

här finns en lista om vilka funktioner som olika browser klarar

// Göran

Jag prövade ytterligare en

miccelito's picture

Jag prövade ytterligare en femte variant att göra runda hörn, med hjälp av jquery script (jquery corner).
Verkar funka hyfsat både i D6 och D7, iaf inga konflikter med Ubercart eller annat.

Runda hörn är inte så viktigt för mig personligen men jag har en uppdragsgivare som tjatar om "det måste se likadant ut i alla webbläsare"...

För kunder som ställer denna

frjo's picture

För kunder som ställer denna typ av krav talar jag om att det kostar extra. Sätter en tämligen hög prislapp och sedan brukar de ändra sig :-).

Sweden

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: