Display und Float bei verschiedenen Browsern

[Captain]

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

[MudGuard]

Hi,

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>.

Klar - inline-Elemente können mit text-align im Eltern-Element ausgerichtet werden, block-Elemente nicht.
Blockelemente werden über margin ausgerichtet.

cu,
Andreas

[Captain]

Klar - inline-Elemente können mit text-align im Eltern-Element ausgerichtet werden, block-Elemente nicht.
Blockelemente werden über margin ausgerichtet.

Hallo Andreas,

"margin:auto" klappt ja aber wiederrum im IE nicht. Also auch eine Sackgasse?

Gruss
Cap

[Captain]

Klar - inline-Elemente können mit text-align im Eltern-Element ausgerichtet werden, block-Elemente nicht.
Blockelemente werden über margin ausgerichtet.

"margin:auto" klappt ja aber wiederrum im IE nicht. Also auch eine Sackgasse?

Vergiss das letzte Posting, klappt natürlich wenn man die Grafik direkt mit Beidem formatiert, danke. Hast du eine Idee für das zweite Problem?

Gruss
Cap