Zum Inhalt springen

FCE flexible Layouts: floating DIVs oder besser <li> ? Wo ist der Unterschied?

Erstellt am 14. November 2007 · 4 Antworten · letzte Antwort am 14. November 2007

Tags: Frage

topshopper ·

Hallo,

ich bin gerade dabei mich in FCE einzuarbeiten.

Im genialen CSS-Buch "Transcending CSS" von Andy Clarke erzeugt er die schönsten Layouts fast nur mit Listen. Aber manches ist mir noch nicht ganz klar:

Wenn ich zB. ein 4-sapltiges Layout erzeugen will für CE, dann packe ich alles in einen DIV und die jeweiligen Spalten mappe ich dann als <li>-Elemente und lasse sie floaten, damit sie stets nebeneinander dargestellt werden.

Ich könnte ja statt <li> auch <div> benutzen. Worin besteht der Unterschied?
Alleine nur darin, dass <li> immer nebeneinander dargestellt werden und die <divs> auch zusammenklappen könnten wegen unterschiedlichen Höhen? Korrekt?

Wie macht ihr das?

just2b ·

Ich würde ein div nehmen, einfach weil Content für mich kein listenelement ist. für das design wirds egal sein

georg

topshopper ·

Hi Georg,

werde darüber nachdenken, bin noch am ausprobieren.

Noch eine Sache, auch wenn es eher eine CSS Frage ist:

Wenn eine Spalte keinen Content hat und leer ist, aber per CSS eine Hintergrundfarbe hat, dann erscheint ein schmale Box mit dieser Farbe. Soll aber LEER bleiben. Egal ob die CE in <li> oder <div> gepackt sind. Wo liegt mein Fehler?

Und wie kriege ich es hin, dass die DIVs alle die gleiche (maximale) Höhe einnehmen?