selfhtml.de - Alles für den Webmaster!

Anzeige: united-domains - Die ganze Welt der Domains

Re: Unterschiedlicher Abstand bei Listen im IE und Firefox

Autor: gaby [Beiträge: 5799]
Datum: 23.05.2007 06:39:20

> Alles klar. Danke für den Hinweis.

bitte sehr. :-)

> Kann es sein, das der IE bei <UL> padding und margin verwechselt?

Der IE und die übrigen Browser haben unterschiedliche Browser-Defaultwerte, die sich dann bemerkbar machen, wenn der Autor keine Angaben zu margin/padding macht.
Das sieht man deutlich, wenn man den Listen mal einen Rahmen gibt.

Standardkonforme Browser haben für UL und OL bei der Eigenschaft 'padding' defaultmäßig einen von 0 abweichenden Wert.
Der IE-6 aber hat bei 'margin' einen Wert > 0, sodaß die Aufzählungszeichen oder Numerierungen _außerhalb_ der UL (blauer Rahmen) liegen.

http://gaby77.ga.funpic.de/web/demos/listen/margin_padding.html


Als Abhilfe empfiehlt sich, grundsätzlich erstmal die margin- und padding-Werte von UL und OL auf "0" zu setzen.

ul, ol {
      margin: 0;
      padding: 0;
}

So schaffst du gleiche Ausgangsbedingungen für alle Browser.


> Vielleicht ist es schon längst bekannt (ich
> kann mir nicht vorstellen es zuerst entdeckt zu haben).

Nee bestimmt nicht.
Da sind schon Hunderte vor dir (einschließlich mir), drüber gestolpert. ;-)


Grüße
gaby

Antwort schreiben

Username:	Usernamen registrieren
Passwort:	Passwort vergessen?
Thema:
	Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:	> > > Alles klar. Danke für den Hinweis. > > bitte sehr. :-) > > > Kann es sein, das der IE bei <UL> padding > und margin verwechselt? > > Der IE und die übrigen Browser haben > unterschiedliche Browser-Defaultwerte, die sich > dann bemerkbar machen, wenn der Autor keine > Angaben zu margin/padding macht. > Das sieht man deutlich, wenn man den Listen mal > einen Rahmen gibt. > > Standardkonforme Browser haben für UL und OL bei > der Eigenschaft <b>'padding'</b> defaultmäßig > einen von 0 abweichenden Wert. > Der IE-6 aber hat bei <b>'margin'</b> einen Wert > > 0, sodaß die Aufzählungszeichen oder > Numerierungen _außerhalb_ der UL (blauer Rahmen) > liegen. > > > http://gaby77.ga.funpic.de/web/demos/listen/margin_padding.html > > > Als Abhilfe empfiehlt sich, grundsätzlich erstmal > die margin- und padding-Werte von UL und OL auf > "0" zu setzen. > > ul, ol { >       margin: 0; >       padding: 0; > } > > So schaffst du gleiche Ausgangsbedingungen für > alle Browser. > > > > Vielleicht ist es schon längst bekannt (ich > > kann mir nicht vorstellen es zuerst entdeckt zu > haben). > > Nee bestimmt nicht. > Da sind schon Hunderte vor dir (einschließlich > mir), drüber gestolpert. ;-) > > > Grüße > gaby
Link (URL):
Titel für Link:
Grafik (URL):
	Die Breite der Grafik darf 468 Pixel nicht überschreiten.

E-Mail-Benachrichtigung:

wenn auf einen Beitrag zu diesem Thema geantwortet wird
nur wenn auf meinen eigenen Beitrag geantwortet wird
nie

Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...