bob: Komisches Button Problem

Beitrag lesen

Hallo JB,

Seh ich das richtig
...
beim hover verschiebst du das Bild um 15 Pixel, ungewöhnlich. Hab ich so noch nie gesehen.

Ja, das stimmt. Bei :link und :visited ist das Bild auch schon um 15px verschoben. Habe das Bild um 15 px nach links verschoben weil es 0px zu weit rechts war. Später kann ich dem Bild noch 15px links abschneiden, dann liegt das Bild wieder bei 0px. Denke das ist nicht das Problem.

Besteht das Problem auch wenn Du statt das Hintergrundbild zu verchieben ein anderes (also den unteren grünen Teil als extra Bild an der selben Position wie den grauen) austauschst?

Ja, so hatte ich es zuerst und dachte es liegt daran. Deswegen habe ich später die Hintergrund-verschieben-Methode verwendet. Hat aber auch nix gebracht bzw. macht kein Unterschied.

Ich habe die Vermutung, dass es an <p></p> liegt. Wenn ich den Link aus dem <p></p> rausnehme, scheint alles richtig zu funktionieren.
Nachdem ich p {padding-top:1em;} zugewiesen habe ist mir das Phänomen erst aufgefallen. Zusätzlich hat das bestimmt auch was mit dem overflow:auto; vom übergeordneten <div class="main"> zu tun.
Durch das overflow:auto; erschien auf einmal ein vertikaler Scrollbalken am rechten Rand des Artikels wenn ich dem "Lesen-Button" bzw. Link zuviel padding-bottom verpasst habe.

...ganz schön kompliziert das alles zu erklären.

Gruß, Bob