Felix Riesterer: Breite-Problem

Beitrag lesen

Liebe(r) colex,

wie kann ich es anstellen, dass die beiden <li>'s sich die gesamtbreite von <ul> teilen und den ganzen Platz einnehmen?

indem beide eine breite von 50% bekommen (margin, padding und border mit 0px vorausgesetzt).

<ul>
       <li style="display:inline">NAME</li>
       <li style="display:inline">ALTER</li>
</ul>

  
Du möchtest keine inline-Styles! Du möchtest IDs oder Klassen vergeben und darüber aus einem externen Stylesheet darauf zugreifen, oder nicht?  
  

> <ul> hat benutzt dagegen den komplett zur Verfügung stehenden Platz.  
> Die beiden <li>'s nutzen aber nur soviel, wie deren Inhalt groß ist.  
  
Das ist bei auf display:inline geschalteten Elementen immer so. Sie verhalten sich im Prinzip wie ein Textbuchstabe oder ein Smiley-Bildchen.  
  

> Leider kann ich nicht mit width arbeiten, da sich die Breite an bestimmten übergeordneten Elementen anpassen soll, da jeder User die Liste in einer anderen Breite sieht.  
  
Das verstehe ich jetzt nicht so wirklich. Eine prozentuale Angabe orientiert sich doch am maximal verfügbaren Platz... Und Deine <ul> hat ihre Breite woher? Und wie sieht diese Breite aus?  
  
Liebe Grüße aus [Ellwangen](http://www.ellwangen.de/),  
  
Felix Riesterer.