Chrome erzeugt Border, der sich nicht entfernen lässt

[onpoint]

Hallo ans ganze Forum,

ich habe ein seltsames Phänomen auf meiner Website. Es geht um einen Rahmen, den der Browser Chrome erzeugt. Den border auf 0 zu setzen habe ich natürlich schon versucht.

Es handelt sich um folgende Website:
http://www.danielederosa.de/

Klickt man auf einen meiner Artikel erscheinen links und rechts vom Bildschirm kleine Balken, mit denen man sich durch die vorherigen und nächsten Artikeln navigieren kann:
http://www.danielederosa.de/twitter-box-auf-der-eigenen-website/

Genau diese Balken bekommen im Chrome einen Rahmen. Wie kann das sein?
Hatte jemand ein ähnliches Problem?

Viele Grüße!

 

[Dissolution]

AW: Chrome erzeugt Border, der sich nicht entfernen lässt

#naechster_artikel a img {
    border: medium none !important;
}

Mach das mal weg und schau erneut. (Ich nutz keinen Chrome, könnt mir aber vorstellen, dass es daran liegt)

 

[onpoint]

AW: Chrome erzeugt Border, der sich nicht entfernen lässt

Seltsamerweise hab ich gerade dort ja genau das Gegenteil stehen:

#vorheriger_artikel a img {
    border:0!important;
}

#naechster_artikel a img {
    border:0!important;
}

Ich weiß absolut nicht, woher die Eigenschaft dort auftaucht!

 

[Myhar]

AW: Chrome erzeugt Border, der sich nicht entfernen lässt

Erstens eine Anmerkung, welche nichts mit deinem Problem hat (dazu später mehr):
Du solltest den klickbaren Bereich bei deinen Tabs ruhig vergrößern. Bei dem Bereich, wo die Animation anfängt, dachte ich, ich könnte schon klicken. Dabei hat die Animation nichts mit dem Link zu tun und ist einfach nur ein Anzeichen für "Hey, nur noch ein bisschen mit der Maus zielen, dann hast du den Link erreicht"

Zu deinem Problem: Dein Bild hat keine src, dass das Problem sein könnte, ist dir noch nicht aufgefallen? Deshalb habe ich die Pfeile auch gar nicht gesehen. Wenn du nicht beschrieben hättest, wo die Pfeile sind, hätte ich sie nicht gesehen. Gibt man dem Bild eine src verschwindet auch der border.

 

[itstumpp]

AW: Chrome erzeugt Border, der sich nicht entfernen lässt

Hallo onpoint,

da du in deinem img-Tag keine src Angegeben hast, mach doch einfach aus dem img-Tag ein div-Tag, dann ist der Rahmen weg.
Warum Chrom den Rahmen macht, kann ich auch nicht sagen. Ich hatte aber das gleiche Problem auch mal und hatte damals nur aus Verzweiflung mal auf das div-Tag geändert und siehe da - alles war wunderbar.

Viele Grüße

 

[Myhar]

AW: Chrome erzeugt Border, der sich nicht entfernen lässt

Warum Chrom den Rahmen macht, kann ich auch nicht sagen.

Weil es der Platzhalter für ein Bild ist. So wie im IE (oder auch anderen Browsern) wenn ein Bild nicht geladen werden kann. Dann hat man auch einen grauen Rahmen.

 

[onpoint]

AW: Chrome erzeugt Border, der sich nicht entfernen lässt

Ach krass, das hatte ich ja komplett übersehen!

Vielen Dank, funktioniert jetzt.

Jedoch ist mir noch ein kleines, großes Problem aufgefallen:

Chrome zieht die Artikelfotos meiner Website unendlich in die Höhe und verzerrt diese, obwohl zuverlässige Prozentangaben definiert sind. Die anderen Browser machen das richtig, benötigt der Chrome dafür noch weitere Anweisungen?

Viele Grüße