[HTML/CSS] Spalten-Layout

[S2B]

Ich meine, dass sich clear global auswirkt, solange der übergeordnete Container nicht ebenfalls ein float gesetzt hat. Alternative wäre evtl. noch overflow: hidden.

[Matze]

Zitat von S2B:

Ich meine, dass sich clear global auswirkt, solange der übergeordnete Container nicht ebenfalls ein float gesetzt hat. Alternative wäre evtl. noch overflow: hidden.

Hm, dann müsste ich "clear" irgendwie dynamisch einfügen.
"overflow" ist doch nur dazu da, wie zu großer Inhalt gehandhabt wird (Scrollbalken anzeigen oder nicht etc.). Wie meinst du, würde mir das weiterhelfen?

Edit: Ich füge "clear" nun dynamisch ein. Mal sehen, ob es nun geht.
Dass sich das global auswirkt, wenn im Container nichts gefloatet wird, wusste ich nicht. Das finde ich eigentlich auch etwas seltsam.

[alcaeus]

Moin,

anstatt clearing-Tags zu verwenden solltest du dir mal clearfix angucken. Anstatt sowas zu schreiben:

Code:

<div id="sorrounding">
  <div id="content" style"float:left;"></div>
  <div id="sidebar" style="float:left;"></div>
  <div id="clearer" style="clear:both;"></div>
</div>

kannst du einfach sowas machen:

Code:

<div id="sorrounding" class="clearfix">
  <div id="content" style"float:left;"></div>
  <div id="sidebar" style="float:left;"></div>
</div>

Guck dir mal die verlinkte Seite an. Du kannst clearing-Tags und clearfix parallel einsetzen, d.h. du kannst einen fliessenden Wechsel machen.

Greetz
alcaeus

[Matze]

Hallo Andi,

danke. Das sieht nett aus.
Der Nachteil ist jedoch die Browserweiche (Conditional Comments). Davon bin ich eigentlich ein absoluter Gegner ...

[alcaeus]

Zitat von Matze:

Hallo Andi,

danke. Das sieht nett aus.
Der Nachteil ist jedoch die Browserweiche (Conditional Comments). Davon bin ich eigentlich ein absoluter Gegner ...

Conditional Comments sind ok - diese sind ja mit Absicht so designt dass sie von nicht-verstehenden Browsern komplett ignoriert werden. Was schlimm ist sind Hacks wie z.B. der Star-Hack um IE6 (?) zu erkennen:

Code:

* html {
}

Gegen Conditional Comments spricht meiner Erfahrung nach ueberhaupt nichts - jedenfalls solange man es nicht zur Content-Steuerung nutzt

Greetz
alcaeus