Beat: Menü mit Liste und float

Beitrag lesen

Leider ist das nicht ohne weiteres machbar.
In dem Moment, wo du ein Element als Float bestimmst, ist die Breite des Contents massgeben. Wenn diese nicht künstlich beschränkt wird, dann wird genommen, was verfügbar ist. Ob dann der nächste Float noch auf die gleiche Zeile passt, ist dem Zufall überlassen (sprich auch den verschiedenen gerade verfügbaren Viewport-Grössen.)

Ich schlage aber folgenden Hack vor:

<div id=menu>
 <ul>
  <li>Dies</li>
  <li>Das</li>
 </ul>
</div>

und das CSS

#menu {display:table;}
#menu ul {display:table-row;}
#menu li {display:table-cell;}

Weitere Korrekturen sind notwendig.

mfg Beat

--
Selber klauen ist schöner!