Menü mit zwei Spalten

[Wolfgang Stegmann]

Guten Tag,
ich habe ein kleines Problem. Ich möchte gerne in einem DIV mit festgelegter Größe ein vertikales Menü mit zwei Spalten erstellen. Die Menü-Elemente sind genau halb so groß wie das umschließende DIV. Sobald nun die erste Spalte mit Menü-Elementen gefüllt ist sollen die restlichen Menüpunkte die zweite Spalte ausfüllen. Wie kann ich das realisieren?

MfG Wolfgang Stegmann

HTML:
<div id="submenue">
 <ul>
 <li><a href="./" title="">1</a></li>
 <li><a href="./" title="">2</a></li>
 <li><a href="./" title="">3</a></li>
 <li><a href="./" title="">4</a></li>
 </ul>
</div>

CSS:
#submenue
 {
 margin-top:  10px;
 margin-left:  15px;
 width:   415px;
 height:  90px;

border:   1px solid red;
 }

#submenue ul
 {
 display:  block;
 margin:  0;
 padding:  0;
 }

#submenue ul li
 {
 list-style-type:  none;
 width:   50%;
 border:  1px solid #ccc;
 }

[wahsaga]

hi,

Ich möchte gerne in einem DIV mit festgelegter Größe ein vertikales Menü mit zwei Spalten erstellen. Die Menü-Elemente sind genau halb so groß wie das umschließende DIV. Sobald nun die erste Spalte mit Menü-Elementen gefüllt ist sollen die restlichen Menüpunkte die zweite Spalte ausfüllen.

Ein solches Verhalten ist mittels Floating nicht zu erreichen - da wäre dann ggf. eher absolute Positionierung am Zuge, so lange die keine nachteiligen Auswirkungen auf das restliche Umfeld mit sich bringt.
"Dynamik" im Sinne von veränderlicher Anzahl an Menüpunkten mit entsprechend unterschiedlichem Ergebnis schliesst das aber auch weitgehend aus.

gruß,
wahsaga