✔ Navigation

[Maik]

Sorry, aber das geht nicht.
Die Breite des <ul> orientiert sich immer am übergeordneten Element, zb ein <div>.

Sorry, aber das geht sehr wohl, wie das zweite Beispiel von Stu Nicholls für ein zentriertes floatendes Listenmenü mit unbekannter Breite beweist -> http://www.cssplay.co.uk/menus/centered.html ;-)

 

[aGeNET]

Einzige Alternative ist eine feste Breite für das <ul>.

In dem ersten Beispiel von Stu Nichols hat das <ul> auch eine feste Breite

Im zweiten Beispiel wird auch eine Element drumherum gelegt (vergleichbar zu einem Div), was der Threadstarter ja eigentlich nicht wollte.

Und ich will das <ul> nicht in ein <div> packen.

just my 2cent

 

[Maik]

Vom ersten Beispiel habe ich überhaupt nicht geredet, und ob der Autor nun ein Element um die Liste legen will, oder nicht, ist erstmal irrelevant, denn ich wollte dich lediglich darauf hinweisen, dass sein Vorhaben (die Breite des ul-Elements richtet sich nach den li-Elementen) grundsätzlich nicht unmöglich ist.

 

[Geflügel]

Hallo,

was heißt eigentlich:

* html .classname { ... }

Warum schreibt man nicht einfach

* { ... }

?

 

[Maik]

* html .classname ist der Star-HTML-Hack für den IE (Win), der von den übrigen Browsern nicht interpretiert wird.

* ist der Universalselektor, der für alle im HTML-Dokument enthaltenden Elemente gilt, und von allen Browsern interpretiert wird.

 

[Geflügel]

Heißt das, dass

* html .classname

nur von Internet-Explorer in der Windowsversion verstanden und interpretiert wird? Und wieso heißt es "Star"-Hack?

 

[Maik]

Genau so ist es.

* = Star = Stern

Nachtrag: Wenn das Dokument im "Standardsmode" übergeben wird, kennt der IE7 den "Star-HTML-Hack" nicht.

 

[Geflügel]

Haha, man bin ich blöd. :suspektanke..

GIbt es denn noch andere Starhacks?

Und noch was.. "inline-block" ist bei selfhtml nicht verzeichnet. Ist das kein richtiges CSS?

 

[Maik]

Für den IE7 haben sie noch den Star-Plus-HTML-Hack ausgeheckt.

Der display-Wert inline-block wird doch aufgeführt:

inline-block = Erzeugt äußerlich einen Block, für den Breite, Höhe und Außenabstand angegeben werden kann, belässt das Element jedoch im laufenden Textfluss - ähnlich einem "inline replaced element" wie img. Dieser Wert wird erst mit CSS 2.1 eingeführt.


Quelle: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display

Leider mangelt es vielen Browsern noch an der korrekten Interpretation dieses Eigenschaftswertes.