Captain: Display und Float bei verschiedenen Browsern

Beitrag lesen

Hallo,

ich bräuchte mal Hilfe von einem CSS-Experten, denn so ganz verstehe ich die Verhaltensweisen vom Internet Explorer noch nicht.

Wenn ich ein Bild mit einem ganz normalen <img>-Tag in einem <div> oder auch ganz ohne darstelle, besteht der IE darauf, einen kleinen Abstand zu allen umgebenden Elementen zu ziehen. Erst wenn ich dem Bild "display:block" zuweise, folgt das nächste Element direkt bündig. Wenn ich das aber tue, verweigert mir Mozilla die mittige Darstellung des Objekts über "text-align:center" durch ein umgebendes <div>.

Ein anderes Beispiel: In einem grossen <div> befinden sich zwei kleine Grafiken die mit float:left und "float:right" an den linken und rechten Rand gesetzt werden. Im Mozilla stehen die Grafiken exakt und wunderbar direkt am Rand. Im IE erst wenn ich sie in ein <span> hülle und dieses mit float formatiere. Dann spielt der Mozilla aber wiederrum nicht mehr mit.

Kann mir mal jemand Durchblick verschaffen? Danke.
Cap