Hallo!

Ich probiere momentan folgenden Case zu lösen: Ich möchte einen Satz als <h4> deklarieren, und darauf folgt ein normales <p> Element. Beides zusammen soll sich aber wie "normaler Fließtext" verhalten, dh nahtlos in einander übergehen. Dazu habe ich die <h4> und den <p> per "display: inline" als Inline Element definiert, der IE7 ignoriert diese Angabe aber komplett!

Maximal komme ich per "float" der <h4> dazu, dass der Paragraph neben der Headline steht, die nächste Zeile des Paragrahpen aber die "breite" der <h4> aus Zeile 1 ausspart.

Hat hier jemand Ideen zur Lösung?

Die Testseite findet ihr hier: Titel der Seite

Einen Vergleichsscreenshot gibt es auch:

Besten Dank

Wie kommst du darauf, allen Elementen zoom:1 zu geben?

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Im IE 8 klappt's. Vielleicht stört sich der IE 7 noch an der XML Deklaration, da diese sowieso nicht nötig ist, lass sie weg.

War als "Allheilmittel" für das hayLayout Problem für den IE gedacht.
Danke für den Hinweis, wenn ich den zoom für die <h4> auf "normal" stelle funktioniert das wie gewollt.

Nächster Punkt: Aus deiner Frage ergibt sich ja die Annahme, dass du nicht empfehlen würdest, den "zoom: 1" für alles zu setzen (weil es nur für den IE ist) oder generellt? Was ist hier die generelle Empfehlung?

@protonenbeschleuniger: Danke, daran lag es aber nicht!

Es gibt kein Allheilmittel.

Niemals!
zoom/hasLayout ist ein Bugfix, den man nur dann anwenden sollte, wenn er auch nötig ist. Nie nie nie pauschal.
Ich zitiere mal aus dem hasLayout-Artikel:

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

OK, besten Dank!