getreidemuehlen
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 10.02.2006, 23:52   #1
TP-Specialist
 
Benutzerbild von designfanatiker
 
Registriert seit: Nov 2004
Ort: Oberbayern
designfanatiker hilft, wo's gehtdesignfanatiker hilft, wo's gehtdesignfanatiker hilft, wo's geht

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)
__________________
Meine Spielwiese: Schützenverein „Einigkeit“ Autenzell-Rettenbach
designfanatiker ist offline   Mit Zitat antworten


Alt 11.02.2006, 07:58   #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.
  Mit Zitat antworten
Alt 11.02.2006, 09:13   #3
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
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
Boris ist offline   Mit Zitat antworten
Alt 11.02.2006, 09:38   #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.
  Mit Zitat antworten
Alt 11.02.2006, 09:46   #5
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
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
Boris ist offline   Mit Zitat antworten
Alt 11.02.2006, 13:30   #6
TP-Specialist
 
Benutzerbild von designfanatiker
 
Registriert seit: Nov 2004
Ort: Oberbayern
designfanatiker hilft, wo's gehtdesignfanatiker hilft, wo's gehtdesignfanatiker hilft, wo's geht
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.
__________________
Meine Spielwiese: Schützenverein „Einigkeit“ Autenzell-Rettenbach
designfanatiker ist offline   Mit Zitat antworten
Alt 11.02.2006, 13:48   #7
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
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
Boris ist offline   Mit Zitat antworten
Alt 11.02.2006, 13:51   #8
TP-Specialist
 
Benutzerbild von designfanatiker
 
Registriert seit: Nov 2004
Ort: Oberbayern
designfanatiker hilft, wo's gehtdesignfanatiker hilft, wo's gehtdesignfanatiker hilft, wo's geht
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.
__________________
Meine Spielwiese: Schützenverein „Einigkeit“ Autenzell-Rettenbach
designfanatiker ist offline   Mit Zitat antworten
Alt 11.02.2006, 22:57   #9
TP-Specialist
 
Benutzerbild von designfanatiker
 
Registriert seit: Nov 2004
Ort: Oberbayern
designfanatiker hilft, wo's gehtdesignfanatiker hilft, wo's gehtdesignfanatiker hilft, wo's geht
Durch Zufall konnte ich das Problem lösen: Einfach die ungeordnete Liste mit der Eigenschaft position: relative; versehen.
__________________
Meine Spielwiese: Schützenverein „Einigkeit“ Autenzell-Rettenbach
designfanatiker ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
Seltsamer Abstand Seltsamer Abstand
« DIV gesamte Browserhöhe einnehmen? | Mein Problemkind »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:17 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



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 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

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 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67