Zentrierung

[Georgi]

Hi,
wie kann ich in dem SELFHTML-Beispiel
http://de.selfhtml.org/html/text/anzeige/div.htm
erreichen, dass die Listenpunkte untereinander stehen, auch wenn die Texte unterschiedlich lang sind?

[Siechfred]

Hell-O!

wie kann ich in dem SELFHTML-Beispiel
http://de.selfhtml.org/html/text/anzeige/div.htm
erreichen, dass die Listenpunkte untereinander stehen, auch wenn die Texte unterschiedlich lang sind?

Welche Variante meinst du? Die zentrierte Liste oder die rechtsbündige? Unabhängig davon kannst du einen Container nach deinen Wünschen positionieren und zusätzlich für den Inhalt eine Position angeben. Wenn der zu positionierende Inhalt selber ein Blocklevelelement sein sollte (wie deine Liste), benötigst du noch nicht einmal einen extra Container:

CSS:

html,body {  
  width:100%;  
  height:100%;  
  margin:0;  
  padding:0;  
}  
#nav {  
  border:1px solid red;  
  width:50%;  
  margin:2em auto 2em auto;  
  text-align:right;  
}

HTML:

<ul id="nav">  
  <li>Menü 1</li>  
  <li>Menü 2</li>  
  <li>Menü 3</li>  
</ul>

Die Feinarbeit überlasse ich dir :-)

Siechfred

[Alex]

Hi,
wie kann ich in dem SELFHTML-Beispiel
http://de.selfhtml.org/html/text/anzeige/div.htm
erreichen, dass die Listenpunkte untereinander stehen, auch wenn die Texte unterschiedlich lang sind?

Ich bin mir sicher, dass die Lösung von Siechfried die bessere
bzw. saubere ist. Da ich mich aber nicht so mit CSS auskenne,
möchte ich dir auch eine HTML-Lösung geben.

<table align="center">
 <tr>
 <td align="center"><h1>Alles zentriert</h1></td>
 </tr>
 <tr>
 <td>
 <ul>
 <li>alles zentriert</li>
 <li>alles?</li>
 <li>alles!</li>
 </ul>
 </td>
 </tr>
</table>

Gruß
Alex