| Aktuelle Version |
Dein Text |
| Zeile 1: |
Zeile 1: |
| − | {{Zehn Vorne Archiv Probleme}} <!-- NICHT LÖSCHEN! --> | + | {{Zehn Vorne Thread Nav}} <!-- NICHT LÖSCHEN! --> |
| | | | |
| | <!-- | | <!-- |
| Zeile 36: |
Zeile 36: |
| | :::::::Stimmt, floatende Elemente zu zentrieren, ist ein bisschen kompliziert. Wenn die li <code>float:left</code> und das ul <code>display:inline-block</code> hat, lässt sich das ul wie ein normales Inline-Element über <code>text-align:center</code> zentrieren. Ich zweifle aber momentan daran, dass das im IE auch so problemlos funktioniert.<br/>In CSS3 wird es die „white-space-collapse“-Eigenschaft geben (voraussichtlich; steht noch nicht endgültig fest): http://www.w3.org/TR/css3-text/#white-space-collapse | | :::::::Stimmt, floatende Elemente zu zentrieren, ist ein bisschen kompliziert. Wenn die li <code>float:left</code> und das ul <code>display:inline-block</code> hat, lässt sich das ul wie ein normales Inline-Element über <code>text-align:center</code> zentrieren. Ich zweifle aber momentan daran, dass das im IE auch so problemlos funktioniert.<br/>In CSS3 wird es die „white-space-collapse“-Eigenschaft geben (voraussichtlich; steht noch nicht endgültig fest): http://www.w3.org/TR/css3-text/#white-space-collapse |
| | :::::::Nachtrag: Ist auch im IE machbar. Im Firefox3 kein Problem, im Firefox2 dagegen etwas problematisch.[[Spezial:Beiträge/84.176.54.142|84.176.54.142]] 19:01, 3. Nov. 2008 (UTC) | | :::::::Nachtrag: Ist auch im IE machbar. Im Firefox3 kein Problem, im Firefox2 dagegen etwas problematisch.[[Spezial:Beiträge/84.176.54.142|84.176.54.142]] 19:01, 3. Nov. 2008 (UTC) |
| − | ::::::::has gerade mal getestet. <code>display: inline-block</code> rafft bisher noch kein Internet Explorer bei einem block-level element. [http://www.brunildo.org/test/inline-block.html testumgebung]--<span style="font-family:Georgia; color:silver; font-size:21px; font-weight:normal; font-style:italic;">[[User:Shisma|Shisma]]</span><sub style="position:absolute; margin-left:-79px;margin-top:1.6em;">Bitte korrigiert mich</sub> 08:39, 5. Nov. 2008 (UTC)
| |
| − |
| |
| − | :::::::::Natürlich. Der IE interpretiert den Wert <code>inline-block</code> nicht korrekt. Das Verhalten von inline-block-Elementen, lässt sich aber auch im IE herstellen. Ein Zitat von der von dir verlinkten Seite: ''“inline-block behaviour” (which the standards define in CSS2.1 9.2.4), can be (in good part) achieved in IE7-, but quite independently on using display:inline-block.'' Übrigens kann man dort auch sehr schön sehen, dass inline-block (über einen extrem simplen Workaround) im IE funktioniert. Soviel dazu.
| |
| − |
| |
| − | :::::::::Die ''inline-block-&-float''-Variante bringt allerdings die Zentrierung betreffend ein paar Nachteile, die ich nicht bedacht hatte. Daher würde ich einen anderen Weg gehen, falls das Problem bei _allen_ Navleisten auftritt. Sprich: Befindet sich zwischen zwei lis _immer_ (mindestens) ein Whitespace (<code><li>Item1</li>␣<li>Item2</li></code>)? [[Spezial:Beiträge/84.176.35.247|84.176.35.247]] 13:23, 5. Nov. 2008 (UTC)
| |
| − |
| |
| − | :::::::::nein, nicht immer. was immer wir ändern, es sollte unabhängig davon funktionieren--<span style="font-family:Georgia; color:silver; font-size:21px; font-weight:normal; font-style:italic;">[[User:Shisma|Shisma]]</span><sub style="position:absolute; margin-left:-79px;margin-top:1.6em;">Bitte korrigiert mich</sub> 14:11, 5. Nov. 2008 (UTC)
| |
| − |
| |
| − | :Gut, mein Vorschlag wäre folgender: <div><code>div.nav ul{padding:0; margin:0;}<br/>div.nav li{display:inline; line-height:1.5em;}<br/>div.nav li::before {content:" \A0|\A0\A0";}<br/>div.nav li:first-child::before {content:"";}</code></div>Zusätzlich noch ein Hack für den IE, da der ::before nicht kennt.<br/>Wie du siehst, wird hier das Zeichen „|“ anstatt border-left als Trennzeichen benutzt, was IMO auch einen Tick besser aussieht (ist aber Geschmackssache ;)<br/>Was hältst du davon? Soll ich das mal testweise abändern? [[Spezial:Beiträge/84.176.35.247|84.176.35.247]] 15:04, 5. Nov. 2008 (UTC)
| |
| − |
| |
| − | ::sieht ganz gut aus. abgsehen natürlich von ie. ich bin für die ohnehin für die Einbindung von [http://dean.edwards.name/weblog/2008/01/ie7-2/ ie7.js]. damit würden sich solche Fehler erledigen. kann aber sicher nicht mal als Admin solche Scripte verknüpfen. mal eine frage: du hängst ja an das Objekt einige Leerzeichen dran oder? werden diese pseudo-Leerezeichen mit den echten Leerzeichen die in HTML izusammen gemergt oder was?--<span style="font-family:Georgia; color:silver; font-size:21px; font-weight:normal; font-style:italic;">[[User:Shisma|Shisma]]</span><sub style="position:absolute; margin-left:-79px;margin-top:1.6em;">Bitte korrigiert mich</sub>
| |
| − |
| |
| − | :::IE7.js/IE8.js würde auf jeden Fall vieles vereinfachen; wäre natürlich schön, wenn das jemand einfügen könnte. Zu den Leerzeichen: die verhalten sich, als würden sie im HTML-Code stehen. Die [http://de.wikipedia.org/wiki/Gesch%C3%BCtztes_Leerzeichen geschützten Leerzeichen] nach und vor dem Trennstrich werden auf jeden Fall dargestellt. Das eine „normale“ Leerzeichen, fällt – wie in HTML üblich – mit dem vorhergehenden zusammen. Das ist ja der Clou bei der Sache: falls zwischen den lis bereits ein Leerzeichen ist, fällt es mit dem aus dem CSS-Code zusammen, falls nicht bleibt einzig das Leerzeichen aus dem CSS-Code stehen. [[Spezial:Beiträge/84.176.35.247|84.176.35.247]] 15:52, 5. Nov. 2008 (UTC)
| |
| − |
| |
| − | ::::sehr schön, danke :). wer bist du eigentlich bzw. warum meldest du dich nicht an?--<span style="font-family:Georgia; color:silver; font-size:21px; font-weight:normal; font-style:italic;">[[User:Shisma|Shisma]]</span><sub style="position:absolute; margin-left:-79px;margin-top:1.6em;">Bitte korrigiert mich</sub> 16:05, 5. Nov. 2008 (UTC)
| |
| − |
| |
| − | :::::Bei Gelegenheit (wenn ich mal nicht nur ein Anzeigeproblem melden möchte ;) werde ich mich auch anmelden. Mark kenne ich aus dem SciFi-Forum und ich glaube, auch wir sind uns da schonmal über’n Weg gelaufen (JeanLucPicard2) :) [[Spezial:Beiträge/84.176.36.108|84.176.36.108]] 19:10, 7. Nov. 2008 (UTC)
| |
| − |
| |
| − | Sollte eigentlich reichen, wenn das ein Admin in [[MediaWiki:Common.js]] setzt. --[[User:Avatar|Avatar]]<staff /> 17:23, 5. Nov. 2008 (UTC)
| |
