Zuviel Zwischenraum im Listenelement
0 0 
Detlef G.
Zuviel Zwischenraum im Listenelement
Hallo,
ich habe eine Liste:
<ul>
<li><a href="jobs.php?rubrik=Finanzdienstleistung" target="jobs">Finanzdienstleistung</a></li>
<li><a href="jobs.php?rubrik=Personal" target="jobs">Personal</a></li>
...
</ul>
In der CSS-Datei steht dazu:
ul
{
list-style-image: url(img/trenner.gif);
padding-left:25px;
margin:0px;
}
li {
margin:0px;
padding:0px;
}
Der IE läßt zwischem dem list-style-image und dem jeweiligen Listenausdruck, also z.B. Finanzdienstleistung dreimal mehr Zwischenraum als die anderen Browser. Was mache ich falsch?
Danke im voraus, Andreas
-
Hallo Andreas.
Der IE läßt zwischem dem list-style-image und dem jeweiligen Listenausdruck, also z.B. Finanzdienstleistung dreimal mehr Zwischenraum als die anderen Browser.
Kann ich nicht nachvollziehen. Die üblichen Verdächtigen stellen es bei mir nahezu identisch dar.
Schon einmal den Cache geleert?
Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
Try it: Become an Opera Lover in 30 days
Meine Browser: Opera 8.0 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
IE Layout-Workaround №1: <!--[if IE]><style type="text/css">*{display:none;}</style><![endif]-->-
Hallo Ashura,
Schon einmal den Cache geleert?
Cache ist bis zum letzten Bit geleert.
-
Hallo Andreas.
Schon einmal den Cache geleert?
Cache ist bis zum letzten Bit geleert.Kannst du eine Testseite evtl. einmal online zur Verfügung stellen?
Unter Umständen hat der umliegende Code eine Auswirkung auf die Darstellung im IE.Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
Try it: Become an Opera Lover in 30 days
Meine Browser: Opera 8.0 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
IE Layout-Workaround №1: <!--[if IE]><style type="text/css">*{display:none;}</style><![endif]-->-
Kannst du eine Testseite evtl. einmal online zur Verfügung stellen?
http://hamburg2job.de/index2.php
-
Hallo Andreas.
http://hamburg2job.de/index2.php--</faq/#Q-19>, danke.
Wie ich sagte, bei mir stellt der IE es wie die anderen Browser dar.
Genauer: IE und Opera zeigen das Listenbild etwas weiter vom Text entfernt, als die Geckos. Aber von einem dreimal so hohen Abstand würde ich nicht sprechen.Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
Try it: Become an Opera Lover in 30 days
Meine Browser: Opera 8.0 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
IE Layout-Workaround №1: <!--[if IE]><style type="text/css">*{display:none;}</style><![endif]-->-
Danke für deine Mühe. Dreimal so hoher Abstand war etwas übertrieben. Du meinst also, man sollte damit leben, wenn man mit Listenelementen arbeitet?
-
Hallo Andreas.
Du meinst also, man sollte damit leben, wenn man mit Listenelementen arbeitet?
Du musst, wohl oder übel. Jeder Browser hat seine kleinen Eigenheiten, was die werksseitige Einstellung für die Darstellung betrifft.
Das Meiste kann man mittels CSS kontrollieren. Aber eben nicht alles.
(Schau dir einfach mal die Größe der Schrift eines <h1>-Elementes im Firefox und im IE an, dann weiß du, was gemeint ist.)Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
Try it: Become an Opera Lover in 30 days
Meine Browser: Opera 8.0 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
IE Layout-Workaround №1: <!--[if IE]><style type="text/css">*{display:none;}</style><![endif]-->
-
-
-
-
-
-
-
Hallo Andreas,
Der IE läßt zwischem dem list-style-image und dem jeweiligen Listenausdruck, also z.B. Finanzdienstleistung dreimal mehr Zwischenraum als die anderen Browser. Was mache ich falsch?
Du könntest mal folgendes CSS versuchen.
ul { list-style:none; margin:0; padding:0; } li { padding-left:25px; margin:0; background:url(img/trenner.gif) no-repeat left; }Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!