HTML [CSS] padding ändert sich bei :hover?

[kreilinger]

hallo leute,

seht euch mal diese seite an:
http://www.eggerding.jvp.or.at/v2/

in firefox, opera & safari passt alles. im internet explorer 7 verändert sich jedoch der abstand zwischen dem ersten <h3> und dem ersten <p> meim :hover über die danebenliegende grafik.

woher kommt das & was kann ich dagegen tun?

mfg
markus

 

[DerEineDa]

Ich habe das nur im IE8. Aber davon abgesehen scheint das an folgender Regel zu liegen:

#content a {
	border-bottom: 1px dotted #000000;
}

Wenn du das entfernst, dann klappt das. Anscheinend hat er ein Probem damit, dass du ein Block-Element (das Bild) in einem inline-Element (den Link) hast.

Ich würde dir empfehlen, nicht das Bild rechts floaten zu lassen, sondern den Link (display:block; obwohl das implizit angewendet wird, sobald du ein inline-Element floatest). Damit das dann keinen schwarzen Rand unten bekommt, solltest du aufpassen, dass du die oben genannte Regel nicht auf diesen Link anwendest.

 

[kreilinger]

ups, tippfehler, meinte auch IE8.

ok, der border unter den links muss ja nicht sein.

jetzt ist mir aber gerade etwas anderes aufgefallen:
ich verwende jQuery und das fancybox plugin. funktioniert tadellos, nur im IE8 wird das closeIcon sowie (wenn man mehrere grafiken zum weiterschalten verwendet) die pfeilgrafiken nicht angezeigt. woran kann das liegen?


mfg
markus

 

[kreilinger]

*push it*

 

[DerEineDa]

Das ist offensichtlich ein Problem mit Fancybox und du bist nicht der einzige:

http://groups.google.com/group/fancybox/browse_thread/thread/8530478044b9f586#

Dort findest du einige Lösungsmethoden, die aber alle beinhalten, dass du an der CSS-Datei herumwurstelst. Wenn du das nicht willst, dann kannst du einfach die ältere Version 1.2.6 benutzen, die noch einwandfrei funktioniert:

http://fancybox.googlecode.com/files/jquery.fancybox-1.2.6.zip

 

[kreilinger]

toll, danke.

das anpassen der pfade wirkt wahre wunder ;-)