Problem mit <div> (mehrere Spalten)

[Noisebub]

Hallo!
ich habe ein Problem...
und zwar will ich eine liste ausgeben lassen....

a b c d e f g h i j k usw.

diese elemente bekomme ich über eine liste.
mein code schaut im moment so aus:

  
<div>  
<ul>  
LISTENAUFRUF  
<li>  
<a href="foobar">listenelement</a>  
</li>  
</ul>  
</div>  

das css:

  
div li{  
float:left;  
width:150px;  
}  

so... nun zu meinem problem.
ich will die elemente in meiner liste untereinander in mehreren spalten anzeigen lassen.
ohne das css kommt es natürlich so raus:
a
b
c
d
e
...

im moment kommt es so raus:
a   b   c   d
e   f   g   h

nun will ich aber dass es so rauskommt:

a   e   i
b   f   j
c   g
d   h

ich hoffe ihr versteht was ich meine.
was habe ich hierbei nicht beachtet?

danke schonmal!

[Gunnar Bittersmann]

@@Noisebub:

mein code schaut im moment so aus:

<div>
<ul>
LISTENAUFRUF
<li>
<a href="foobar">listenelement</a>
</li>
</ul>
</div>

  
Das „LISTENAUFRUF“ hat was dort zu suchen? 'ul' darf ausschließlich 'li'-Elemente enthalten, keinen Text.  
  
  

> nun will ich aber dass es so rauskommt:  
>   
> a   e   i  
> b   f   j  
> c   g  
> d   h  
  
AFAIS ist das mit CSS 2.1 nicht möglich. Du müsstest jeweils vier 'li' zu einer Liste gruppieren und diese dann nebeneinander darstellen. Kein schönes Markup, aber was besseres fällt mir nicht ein.  
  
Live long and prosper,  
Gunnar

-- 
Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)

[Gunnar Bittersmann]

@@Gunnar Bittersmann:

@@Noisebub:

mein code schaut im moment so aus:

<div>
<ul>
LISTENAUFRUF
<li>
<a href="foobar">listenelement</a>
</li>
</ul>
</div>

>   
> Das „LISTENAUFRUF“ hat was dort zu suchen? 'ul' darf ausschließlich 'li'-Elemente enthalten, keinen Text.  
  
PS: Das 'div' soll welche Funktion haben?  
  
Oder wolltest du es so:  
  
~~~html
<div>  
  <h2>LISTENAUFRUF</h2>  
  <ul>  
    <li>  
      <a href="foobar">listenelement</a>  
    </li>  
  </ul>  
</div>

Live long and prosper,
Gunnar

[Noisebub]

@@Gunnar Bittersmann:

@@Noisebub:

mein code schaut im moment so aus:

<div>
<ul>
LISTENAUFRUF
<li>
<a href="foobar">listenelement</a>
</li>
</ul>
</div>

> >   
> > Das „LISTENAUFRUF“ hat was dort zu suchen? 'ul' darf ausschließlich 'li'-Elemente enthalten, keinen Text.  
>   
> PS: Das 'div' soll welche Funktion haben?  
>   
> Oder wolltest du es so:  
>   
> ~~~html

<div>  

>   <h2>LISTENAUFRUF</h2>  
>   <ul>  
>     <li>  
>       <a href="foobar">listenelement</a>  
>     </li>  
>   </ul>  
> </div>

Live long and prosper,
Gunnar

LISTENAUFRUF ist die abfrage welche ich einbette.
Durch diese Abfrage hole ich mir die liste und speichere die einzelnen elemente jeweils in der variable listenelement.
ich habe es vereinfacht geschrieben da ich nicht meinen jsp code hier abschreiben wollte^^

[Gunnar Bittersmann]

@@Noisebub:

ich habe es vereinfacht geschrieben da ich nicht meinen jsp code hier abschreiben wollte^^

Serverseitiger Code ist bei einem HTML-Problem auch völlig irrelevant.

Live long and prosper,
Gunnar

PS: Zitiere bitte sinnvoll, nicht alles!

[ChrisB]

Hi,

nun will ich aber dass es so rauskommt:

a   e   i
b   f   j
c   g
d   h

AFAIS ist das mit CSS 2.1 nicht möglich.

Absolute Positionierung waere noch moeglich.
Natuerlich ziemlich unflexibel und aufwendig.

MfG ChrisB