[Fanello]

Liebe CSSler

Folgende Situation: Die Homepage an der ich dran bin hat schwarzen Text auf weissen Grund. Die Übeschriften jedoch will ich jeweils weiss auf schwarzem Hintergrund. Soweit kein Problem, man gibt im CSS dem h1 einen "background-color" und macht die Schrift weiss.

Das Problem war nun jeweils, dass die Hintergrundfarbe länger als das Wort selber war bzw. die Hintergrundfarbe war so breit wie der Inhalt. Das konnte ich mit "display:inline-block" beheben, jedoch nicht im IE7. Da läuft es nach wie vor über die ganze Inhalts-Breite.

Hat jemand evtl. eine bessere Idee als "display:inline-block"?

[heiko_rs]

display: inline-block; wird eh nicht von Gecko < FX 3 verstanden.

Um die sog. "shrink-to-fit-widt" zu erzielen (Element nur so breit wie sein Inhalt), gibt es viele andere Möglichkeiten, u.a. floaten (dann muss aber auch gecleart werden), display: table; oder table-cell (was aber der IE < 8 nicht kann), und speziell für den IE < 8 display: inline; plus zoom: 1;.

Theoretisch reicht für alle Browser sogar ein simples display: inline;, aber dann ist die h1 halt kein Blockelement mehr (was sie allerdings als inline-block logischerweise auch nicht mehr wäre).

[Fanello]

display:inline funktioniert tadellos. Hm, ich dachte ich hätte das auch schon probiert.. Na ja, hauptsache es ist jetzt ok! Vielen Dank!!!