Diese Anzeige ist nur für
Nicht-Mitglieder sichtbar!

Jetzt kostenlos registrieren

Border-Radius im IE9

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Guillermo, Ingo

Border-Radius im IE9

Beitragvon Der Dave am 19.12.2011, 19:01

Hallo Webdesigner Community,

ich bin neu hier und fange direkt mal mit meinem aktuellen Problem an, in der Hoffnung
einen nützlichen Tipp zu erhalten, danke im vorraus! :)

relevanter code:
#navi li a
{
display:inline-block;
color:white;
text-decoration:none;
padding:0 15px;

-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;

border-top-right-radius:5px;
border-top-left-radius:5px;

-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;

background:#3c3c3c;
}


..zeigt mit in Chrome und im Firefox wunderbare runde Ecken an. Im IE9 jedoch nicht.
Im IE9 hat der inline-block Befehl (im Gegensatz zu den anderen) sogar schon im Vorfeld zu Problemen
geführt, wenn ich ihm den li-elementen statt den li a - elementen zugewiesen habe. So funktioniert, zwar
alles bedingt, jedoch habe ich für das Problem mit den runden Ecken noch keine Lösung gefunden. Wie gesagt,
im IE9 gibt's die bei mir nicht und das wundert mich, weil ich überall im Web etwas gegenteiliges lese, nämlich, dass
diese seit dem IE9 auch dort problemlos funktionieren sollten.. :devil:

Wäre nett, wenn sich das jemand mal genauer anschauen könnte. Danke nochmal!

Gruß
Der Dave
Der Dave
Mitglied
 
Beiträge: 10
Registriert: 19.12.2011, 18:50
Diese Anzeige ist nur für
Nicht-Mitglieder sichtbar!
 
Jetzt kostenlos registrieren

Re: Border-Radius im IE9

Beitragvon Griefshire am 19.12.2011, 19:40

Für die Runden ecken schau mal unter diesem Link nach :
http://www.peterkroener.de/runde-ecken-ohne-grafiken-im-internet-explorer/

Habs selbst noch nicht ausprobiert, weiß also nicht obs funkt oder nicht.
Griefshire
Mitglied
 
Beiträge: 28
Registriert: 30.11.2011, 14:11

Re: Border-Radius im IE9

Beitragvon Der Dave am 19.12.2011, 19:55

danke, aber das bezieht sich auf IE<9 und scheint zudem eine sehr umständliche Lösung zu sein, dafür, dass es ja generell eigentlich funktionieren sollte.

Habe aber auch was gefunden... den DOCTYPE..schon davon gehört, aber dessen nutzen nie wirklich verstanden. Jedenfall funktioniert es jetzt, wenn ich zu Anfang des HTML Codes <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
schreibe.

Der IE nutzt dann alle aktuellen CSS3 Funktionen (wie runde Ecken z.B.), jedoch verhalten sich generell alle Browser dadurch total zickig. Erlaubt sind anscheinend keine verkürzten Code-Zeilen mehr wie font:18/1.2 arial;, ich muss tatsächlich font-family etc. jeweils extra deklarieren, was auch nicht gesund sein kann.

Kennt sich jemand näher mit DOCTYPES aus und weiß vielleicht wieso das so ist und ob ich vielleicht einen anderen DOCTYPE wählen sollte?
Dankeschön
Der Dave
Mitglied
 
Beiträge: 10
Registriert: 19.12.2011, 18:50

Re: Border-Radius im IE9

Beitragvon Psai am 20.12.2011, 09:46

Hi Der Dave,

Der Doctype gibt die HTML-Version an, die du verwenden willst. Bei deinem Beispiel verwendest du HTML 4.01. CSS3 gehört allerdings zu HTML5 und würd deswegen auch vorsichtshalber diese Version verwenden. Da geht der Doctype recht einfach:

Code: Alles auswählen
<!DOCTYPE html>

mehr braucht man hier nicht.
Dass die font-Angabe nicht funktioniert kann ich mir nur dadurch erklären, dass du keine Maßeinheiten hinter den Zahlen angibst. Der Browser weiß ja nicht, was du genau mit 18 und 1.2 meinst. Das können px, cm, mm, em usw. sein.

Den Borderradius würd ich für den IE9 übrigens so angeben:

Code: Alles auswählen
border-radius: 4px 4px 0 0;

Die Angabe beginnt oben links und arbeitet die Ecken im Uhrzeigersinn durch.

Gruß
Andreas
Psai
Mitglied
 
Beiträge: 202
Registriert: 27.04.2011, 15:48

Re: Border-Radius im IE9

Beitragvon Der Dave am 21.12.2011, 15:28

Okay, das konnte mir helfen, danke. Tatsächlich muss ich alle Einheiten angeben, war ungewohnt, da ich vorher immer ohne Doctype gearbeitet hatte. Danke
Der Dave
Mitglied
 
Beiträge: 10
Registriert: 19.12.2011, 18:50

Re: Border-Radius im IE9

Beitragvon Psai am 22.12.2011, 14:52

Gern geschehen.

Das wundert mich aber, dass das funktioniert hatte. Ich weiß nichts davon, dass sich der Browser ohne Maßeinheit eine Standardeinheit raussucht. Aber okay. Mit Maßeinheit geht man eben auf Nummer Sicher. So weiß man, was er wirklich macht.
Psai
Mitglied
 
Beiträge: 202
Registriert: 27.04.2011, 15:48

Re: Border-Radius im IE9

Beitragvon Der Dave am 23.12.2011, 00:49

also mit schriftarten geht es, zumind. in der kurzschreibvariante, kann mir aber vorstellen, dass es bei Div's nicht funktionieren würde
Der Dave
Mitglied
 
Beiträge: 10
Registriert: 19.12.2011, 18:50


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast