CSS Liste (ul/li) breite automatisch an Inhalt anpassen...

[Gernot Back]

Hallo lu_lle,

Ich arbeite gerade an folgender Website
http://www.fachschaften.uni-muenchen.de/geologie/neueseite4/

  

> /* make the dropdown ul invisible */  
> .menu ul li ul {  
> display: none;  
> }  
  

> .menu ul li:hover ul {  
> width:90px;  
> display:block;  
> position:absolute;  
> top:21px;  
> left:0;  
> }  

Ich möchte nun, dass die Breite einer "Drop-down-Spalte" nicht fest auf 90px fixiert ist, sondern sich automatisch an die Zeile mit dem Breitesten Inhalt anpasst! Leider bin ich in CSS überhaupt nicht fit, hab schon rumprobiert aber ohne erfolg...wie könnte man soetwas realisieren?

Da solltest du bei den Listen zweiter Ordnung vielleicht statt mit display:none; lieber mit visibility:hidden; und statt mit absoluter Positionierung bei diesen lieber nur mit einer solchen nur bei der Liste erster Ordnung arbeiten.

Den auf die Navigation folgenden Inhalt verschiebst du dann mit einem passenden Margin-Top, damit er nicht auch noch unter die absolut positionierte Navigation erster Ordnung rutscht.

Gruß Gernot