Gunnar Bittersmann: 3 DIV-Container nebeneinander ausrichten und dann neue Zeile

Beitrag lesen

@@exzel:

nuqneH

aus

<div style="clear:left" />
<div style="float:left">
wird dann <div style="clear:left">Inhalt</div>, richtig?

Nein, wo ist denn das 'float' geblieben?

Aber wenn ich das so mache dann verschiebt sich der nächste gefloatete Div-Container in die nächste Zeile,

Ja, natürlich. 'float' sagt, dass _nachfolgende_ Inhalte das betreffende Element umfließen sollen.

obwohl dieser ja in der gleichen Zeile bleiben soll wie der geclearte.

Der geclearte Container ist ja auch nicht gefloatet. So wäre er es: <div style="clear:left;float:left">

Du solltest aber keine Darstellungsangaben inline im Markup machen, also keine @style-Attribute verwenden. Alle Darstellungsangaben gehören ins Stylesheet. Alle.

Vielleicht möchtest du auch gar kein 'float' verwenden, sondern 'inline-block'.

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)