nicht angemeldet
Liste: Abstand von li im MSIE - Win/Mac
Hallo
Würde mich sehr über Tipps freuen:
Problem:
<ul>
<li>eins</li>
<li>zwei</li>
</ul>
Wenn es so im Quelltext steht macht der Microsoft Internet Explorer 6 große Abstände zwischen den <li>.
Wenn ich so schreibe (Tip hier vom Forum):
<ul>
<li>eins</li><!--
Kommentar --><li>zwei</li>
</ul>
passts im MSIE für Windows, aber der MSIE auf Mac macht Probleme.
Das sieht dann im Browser ungefähr so aus:
eins
zwei
Kennt wer eine Möglichkeit den Quelltext ansehnlich zu machen und es trotzdem dem MSIE auf beiden Betriebssystemen recht zu machen?
Danke schon mal
Sabine
P.s.: Doctype ist
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
und die Seite ist valide nach w3c.org
-
Wenn es so im Quelltext steht macht der Microsoft Internet Explorer 6 große Abstände zwischen den <li>.
Wenn ich so schreibe (Tip hier vom Forum):
<ul>
<li>eins</li><!--
Kommentar --><li>zwei</li>
</ul>Hallo Sabine,
also dieser Tipp ist mir neu.
Warum gibst Du dem li nicht via CSS ein feste Höhe, hast Du das schonmal ausprobiert?vg melanie
-
Hallo Melanie
also dieser Tipp ist mir neu.
Wie geschrieben ist der Tip hier aus dem Forum (hab ich mal aufgeschnappt) und funktioniert auch gut für Windows...
Warum gibst Du dem li nicht via CSS ein feste Höhe, hast Du das schonmal ausprobiert?
vg melanie
Habe ich schon versucht, nur bei allen Browsern die diesen Abstand machen ist kein Unterschied zu sehen - es wird halt nur zur fixen Höhe noch der ominöse Abstand dazugerechnet. Und mit negativem margin gäbe es dann natürlich wieder Probleme mit den Browsern die diesen Abstand nicht machen...
Es muß also am HTML-Code liegen...Sabine
-
Hallo,
Es muß also am HTML-Code liegen...
Ja, aber nicht an dem, den Du bisher gezeigt hast. Das Folgende sieht in IE6.0, FF1.0.7 und Opera8.5 absolut gleich aus.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="de"> <head> <title>Titel</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <style type="text/css"> <!-- li {font-size:1em; border:1px solid black;} --> </style> </head> <body> <ul> <li>Listenpunkt eins</li> <li>Listenpunkt zwei</li> </ul> </body> </html>Am Rahmen siehst Du, dass zwischen den Listenpunkten per default auch kein Margin ist. Padding ist da zwar auch nicht, beides könnte man ja aber, für Browser, die da eventuell doch andere Standardeinstellungen haben, mit margin:0 und padding:0 noch definieren. Der Abstand entsteht einzig und allein durch die Zeilenhöhe des LI-Elements.
li {font-size:1em; border:1px solid black; margin:0; padding:0; line-height:1em;}Wenn Du jetzt immer noch "große Abstände" siehst, dann müsstest Du das mal online zugänglich machen, damit man sich das im Zusammenhang ansehen kann.
viele Grüße
Axel
-
-
-
hi!
aber der MSIE auf Mac macht Probleme.
der msie fuer mac is auch schon recht betagt v5.2.3 und verhaellt sich meisst etwas eigenwillig
referenzbrauser fuer mac osx : safari, netscape, firefox, ie
auf meinen macseiten hab ich laut webstats ca. 99% safari_besucherew<<