Hallo,
Bilder werden ja durch CSS via float positioniert. Damit das nächste Inhaltselement nicht auch durch die Gegend fliegt, ist unter jedes ein DIV mit einer Class eingefügt (class="csc-textpic-clear") eingefügt die schlichtweg ein clear:boot macht.
Soweit so gut - für den IE. Das Problem:
Wenn ein Abstand im Inhaltselement eingestellt wird, dann zeigt der Mozilla (Firefox) einen Riesen Abstand zwischen den Inhalten an, auch wenn die Höhe auf 1px steht.
Der Grund liegt vermutlich am DIV als Blockelement. Definiere ich dieses als „:inline“ ist der Abstand weitaus geringer aber trotzdem größer als beim IE
Diese clear.gif’s sind lästiger als Stubenfliegen und für jede Ausgabe nur mit einigem Aufwand weg zu bekommen. Für „Abstand“ ist mir das jedoch nicht gelungen!
Ich habe gelesen, dass man dieses clear.gif durch ein HR ersetzen kann, dass automatisch die eingestellte Abstandhöhe einnimmt. Wie und wo ich das mache ist aber nicht beschrieben.
Kann mir jemand sagen was man dazu machen muss?