Rahmen um img in IEs, nicht in andern Browsern

[Grundel]

Hallo,
Meine Bilder innerhalb von <a>-Elementen werden im IE mit blauem Rand angezeigt, in andern Browsern fehlt dieser Rand.
Wie kriege ich den auch in den IE-Versionen weg?
Danke

[Martin Rettberg]

Wie du schon richtig erkannt hast, ist dein blauer Rand nichts anderes als ein Rahmen.
Die Voreinstellung des Browsers könntest du also mit [code=css]border: 0;[/code] überschreiben.
Nun musst du nur noch rausfinden, wie du Bilder innerhalb des a-Elements selektierst.

[Grundel]

Wie du schon richtig erkannt hast, ist dein blauer Rand nichts anderes als ein Rahmen.
Die Voreinstellung des Browsers könntest du also mit border: 0; überschreiben.
Nun musst du nur noch rausfinden, wie du Bilder innerhalb des a-Elements selektierst.

Warum aber kein Rahmen in den übrigen Browsern?

Ich habe eingestellt * {border-style: None;}

[Worf]

Hallo,

Warum aber kein Rahmen in den übrigen Browsern?

Ich habe eingestellt * {border-style: None;}

eventuell handelt es sich nicht um den Rahmen, sondern um die CSS-Eigenschaft 'outline', die im IE ggf. einen anderen Default-Wert hat.

Gruss,
Worf

[Jörg Reinholz]

Ich habe eingestellt * {border-style: None;}

Ich hätte es mit

img {  
   border:0;  
}  

oder aber mit:

a:link img,  
a:visited img,  
a:hover img,  
a:focus img {  
   border:0;  
}  

versucht.

Jörg Reinholz

[Grundel]

Hi Jörg,
das funktioniert. Ich verstehe trotzdem nicht, warum es für die andern Browser nicht nötig ist.
Ist dies ein bekannter IE-Fehler?
Grüße
Grundel

[Grundel]

Hi,

Ist dies ein bekannter IE-Fehler?

Das scheint der Fall zu sein, Zitat:

Kommentar von lauki 08.03.2013

Nimm ein Bild und verlinke es. Alle Browser zeigen es richtig an, nur IE umrandet es mega hässlich mit blauen border. Und für diese Extrawürste und noch viele andere brauch man eine eigene CSS Datei um es genauso aussehen zu lassen wie es bei den anderen Browsern ist.
Grüße
Grundel

[Der Martin]

Hallo,

das funktioniert. Ich verstehe trotzdem nicht, warum es für die andern Browser nicht nötig ist.
Ist dies ein bekannter IE-Fehler?

nein, es ist kein Fehler. Es ist einfach die von Microsoft gewählte Default-Formatierung für verlinkte Bilder. Kann man gut finden oder auch nicht, aber im Prinzip spricht nichts dagegen, dass die Jungs in Redmond das so entschieden haben.

Und ja, das ist ein seit Jahren bekanntes Verhalten - mindestens schon seit IE4.

Ciao,
 Martin

[Gunnar Bittersmann]

@@Jörg Reinholz:

nuqneH

img {

border:0;
}

  
Ist der Selektor spezifisch genug?  
  
  

> ~~~css

a:link img,  

> a:visited img,  
> a:hover img,  
> a:focus img {  
>    border:0;  
> }

Das ist viel zu viel.

a img {  
   border:0;  
}  

wäre das Mittel der Wahl.

Qapla'

[Jörg Reinholz]

Ist der Selektor spezifisch genug?

Deswegen die alternative.

a:link img,

a:visited img,
a:hover img,
a:focus img {
   border:0;
}

>   
> Das ist viel zu viel.  
  
Nein. Zu wenig:  
~~~css
a:link img,  
a:visited img,  
a:hover img,  
a:focus img,  
a:active {  
    border:0;  
}

a img {

border:0;
}

  

> wäre das Mittel der Wahl.  
  
Damit hatte ich mal irgendwo ein Problem.  
  
  
[Jörg Reinholz](http://www.fastix.org)  

[Grundel]

Grundel

Damit hatte ich mal irgendwo ein Problem.

Welches Problem?
Ich möchte ungern so viel Schrott in die CSS schreiben, wenn nur für den IE nötig - offensichtlich auch für den neuesten. Allenfalls könnte ich mir dies dann als Hack für alle IEs vorstellen (siehe aktuellen Beitrag von Toni).

[Gunnar Bittersmann]

@@Jörg Reinholz:

nuqneH

Nein. Zu wenig:

a:link img,

a:visited img,
a:hover img,
a:focus img,
a:active {
    border:0;
}

  
Das ist unsinnig.  
  
Mit `a:link, a:visited`{:.language-css} selektierst du bereits alle a-Elemente, die Links sind. In modernen Browsern mit `a:any-link`{:.language-css}. `a[href]`{:.language-css} sollte dasselbe tun.  
  
Wenn es überhaupt notwendig sein sollte, den Selektor um eine (Pseuso-)Klasse spezifischer zu machen, was ich bezweifle. Ich hatte mit `a img`{:.language-css} noch nie Probleme.  
  
`:hover, :focus, :active`{:.language-css} ergeben in dem Zusammenhang nicht den geringsten Sinn.  
  
Qapla'

-- 
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)