+ Antworten
Ergebnis 1 bis 9 von 9

Thema: Seltsamer Abstand

  1. #1
    TP-Specialist designfanatiker hilft, wo's geht designfanatiker hilft, wo's geht designfanatiker hilft, wo's geht Avatar von designfanatiker
    Registriert seit
    Nov 2004
    Ort
    Oberbayern
    Beiträge
    2.314

    Seltsamer Abstand

    Ich arbeite gerade an einer kleinen Demoseite. Natürlich (Vorführeffekt!) zeigt der IE in der Navigation links von den Listeneinträgen einen so nicht gewollten Abstand. Wieso denn das? Damit man den Abstand auch sieht, habe ich die Navigation mal testweise mit einer Hintergrundfarbe versehen.

    gardasee.designfanatiker.de
    (absichtlich kein Link)

  2. #2
    ingo
    Guest
    wieso seltsam? du hast ihn so definiert:
    Code:
    margin: 1.00em 0 0 1.00em;
    ausnahmsweise verhält sich der ie da mal richtig.
    ein padding-left für die li´s statt dem margin sollte dir helfen.

  3. #3
    TP-Greis Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Avatar von Boris
    Registriert seit
    Mar 2001
    Ort
    Stuttgart & Kornwestheim
    Beiträge
    9.420
    Der IE macht es richtig, und der Firefox falsch? Mag ich nicht recht glauben.

    Schreib mal dies in dein CSS:

    ul#navigation li { height: 1%; } /* Für die IEs */

    Das dürfte dann im IE und Firefox gleich aussehen.
    My software never has bugs. It just develops random features ...

    » DevShack - die Website des freien Webentwicklers Boris

  4. #4
    ingo
    Guest
    wenn man für ein element einen aussenabstand von 1em für die linke seite definiert, sollte man sich nicht wundern, wenn ein browser dann auch für ein element einen aussenabstand von 1em für die linke seite anzeigt.

  5. #5
    TP-Greis Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Avatar von Boris
    Registriert seit
    Mar 2001
    Ort
    Stuttgart & Kornwestheim
    Beiträge
    9.420
    Und wieso tut es der Firefox nicht? Oder macht er es etwa in diesem Beispiel "falsch"?
    My software never has bugs. It just develops random features ...

    » DevShack - die Website des freien Webentwicklers Boris

  6. #6
    TP-Specialist designfanatiker hilft, wo's geht designfanatiker hilft, wo's geht designfanatiker hilft, wo's geht Avatar von designfanatiker
    Registriert seit
    Nov 2004
    Ort
    Oberbayern
    Beiträge
    2.314
    Zitat Zitat von ingo
    wieso seltsam? du hast ihn so definiert
    Zitat Zitat von ingo
    wenn man für ein element einen aussenabstand von 1em für die linke seite definiert, sollte man sich nicht wundern, wenn ein browser dann auch für ein element einen aussenabstand von 1em für die linke seite anzeigt.
    Zitat Zitat von Boris
    Und wieso tut es der Firefox nicht? Oder macht er es etwa in diesem Beispiel "falsch"?
    Der Firefox macht das schon völlig richtig. Es ist kein Außenabstand für die Listenpunkte definiert und er zeigt konsequenterweise auch keinen Außenabstand an.

    Zitat Zitat von Boris
    Schreib mal dies in dein CSS: ul#navigation li { height: 1%; } /* Für die IEs */ Das dürfte dann im IE und Firefox gleich aussehen.
    Das führt lediglich dazu, dass die Listenpunte im Firefox nur noch 1% hoch sind. Im IE ändert sich an der Darstellung überhaupt nichts.

  7. #7
    TP-Greis Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Avatar von Boris
    Registriert seit
    Mar 2001
    Ort
    Stuttgart & Kornwestheim
    Beiträge
    9.420
    Warum schreibst du eigentlich öfter float: left (und right) in Kombination mit display: inline? Um den double-margin-bug des IEs zu fixen?
    My software never has bugs. It just develops random features ...

    » DevShack - die Website des freien Webentwicklers Boris

  8. #8
    TP-Specialist designfanatiker hilft, wo's geht designfanatiker hilft, wo's geht designfanatiker hilft, wo's geht Avatar von designfanatiker
    Registriert seit
    Nov 2004
    Ort
    Oberbayern
    Beiträge
    2.314
    Zitat Zitat von Boris
    Warum schreibst du eigentlich öfter float: left (und right) in Kombination mit display: inline? Um den double-margin-bug des IEs zu fixen?
    Exakt.

  9. #9
    TP-Specialist designfanatiker hilft, wo's geht designfanatiker hilft, wo's geht designfanatiker hilft, wo's geht Avatar von designfanatiker
    Registriert seit
    Nov 2004
    Ort
    Oberbayern
    Beiträge
    2.314
    Durch Zufall konnte ich das Problem lösen: Einfach die ungeordnete Liste mit der Eigenschaft position: relative; versehen.

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51