<h4> links und <div> rechts in einer Zeile

[Gunnar Bittersmann]

Hello out there!

Ich dachte immer das bezieht sich nur auf inline-Elemente.
Und Blockelement sind immer so breit wie das Element was sie umschließt, und nur die Höhe wird vom Inhalt bestimmt?

<div>foo</div>

div {  
  background: #048;  
}

Die Box geht über die geamte Breite (abzüglich deren margin sowie margin und padding von html und body).

div {  
  background: #048;  
  float: right;  
}

Jetzt ist die Box nur noch so breit wie es deren Inhalt verlangt. (Firefox)

IIRC war dort eine Änderung von CSS 2.0 zu 2.1. Möglich, dass sich verschiedene Browser ohne Breitenangaben verschieden verhalten.

See ya up the road,
Gunnar