Peter Mairhofer: Probleme mit Links, div und FF

Hi,

Ich habe eine Website mit div's und CSS gestaltet. Dabei hab ich die "Boxen" als "overflow: auto" definiert.

Nun hab ich in vielen dieser Boxen Links drinnen. Zum Beispiel: http://img387.imageshack.us/img387/3455/linksa1.png

Wenn ich nun mit dem Firefox auf einen Link klicke, kommt es bei einigen Boxen vor, dass sich der Text auf zwei Zeilen aufteilt und eine Scrollbar für eine Box erscheint:

http://img228.imageshack.us/img228/2659/linkclickedlc5.png

Und das, obwohl in der Box genug Platz wäre. Das ist natürlich sehr lästig und tritt nur beim FF auf (nicht beim IE).

Ich schätze es tritt durch den "Rahmen" auf den der Firefox beim Klick auf Links dazumacht (diesen sieht man im oberen Screenshot).

Kann ich diesen irgendwie verhindern? a:active { border: none; } schlug zumindest schonmal fehl :-(

lg,
Peter

  1. Ich denke ich konnte das Problem nun durch

    <p style="clear:both;"></p>

    anstatt overflow: auto

    eindämmen.

  2. Hi!

    Dieser "Rahmen" verbraucht normalerweise keinen Platz und wird von jedem Browser erstellt. Daran erkennt man welches Element gerade den Fokus hat.

    Ganz ehrlich: Auf deinem Screenschot sehe ich nur einen Link der ueber 2 Zeilen geht, weil er im Leben nicht in eine Zeile reinpasst. Vielleicht hast Du ein Bild mit einem vorher/nachher? Oder nen Link?

    --
    Trau Dich!