Listenmenü: 1px Abstand im IE
0 0 
Detlef G.
Listenmenü: 1px Abstand im IE
Hallo zusammen,
ich bin gerade dabei mir ein CSS/Listenmenü zu basteln.
Leider bekomme ich im IE immer einen unschönen 1px abstand zwischen die einzelnen Listen.
Hat mir hierzu evtl jemand einen Tipp woran das liegt?
Anbei ein extrem vereinfachter Auszug aus meinem Code:
<style type="text/css">
a {
text-decoration:none;
font-family:verdana;
font-size:0.8em;
}
ul#nav_left {
border:1px solid black;
width:190px;
margin:0;
padding:0;
}
ul#nav_left li {
width:190px;
background-color:black;
height:18px;
margin:0;
padding:0;
}
ul#nav_left li a{
display:block;
width:190px;
height:18px;
margin:0;
padding:0;
}
ul#nav_left li a:hover{
background-color:red;
}
</style>
<ul id ="nav_left">
<li><a href="">Hauptmenü 1</a></li>
<li><a href="">Hauptmenü 1</a></li>
<li><a href="">Hauptmenü 1</a></li>
<li><a href="">Hauptmenü 1</a></li>
</ul>
-
Grüße,
http://ghostdog19.wordpress.com/2007/10/26/internet-explorer-bug-in-css-bei-listen-und-uberschriften/
MFG
bleicher--
__________________________-
Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
Lieber bereuen gesündigt zu haben, als nicht sündigen und es später trotzdem bereuen.
Boccaccio-
hm, dort wird einfach nen border unten angehängt... das geht bei mir vom Layout her leider nicht :s
gibt es keine andere Lösungsmöglichkeit???
Danke schonmal
Hier die Lösung aus dem Link von Dir:
[code css]
/* hack to fix IE/Win’s broken rendering of block-level anchors in lists */
#main li {border-bottom: 1px solid #eeeeee;}/* fix for browsers that don’t need the hack */
html>body li#main {border-bottom: none;}
[/code]Grüße,
http://ghostdog19.wordpress.com/2007/10/26/internet-explorer-bug-in-css-bei-listen-und-uberschriften/
MFG
bleicher-
Grüße,
ich würde Opera nehmen und mir alyout anschuen - sind die weissen streifen "in" oder "zwischen" den elementen?
MFG
bleicher--
__________________________-
Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
Lieber bereuen gesündigt zu haben, als nicht sündigen und es später trotzdem bereuen.
Boccaccio-
Die Streifen sind zwischen den LI-Elementen,
im Opera,Firefox,Safari sind die Streifen nicht, es ist ein reine IE-Problem, das ist mir bekannt, nur leider keine Möglichkeit wie man das umgehen könnte???Und da leider noch immer die Mehrheit mit dem IE surft.....
es wäre super, wenn jemand eine kleine Hilfe weiß....Grüße,
ich würde Opera nehmen und mir alyout anschuen - sind die weissen streifen "in" oder "zwischen" den elementen?
MFG
bleicher-
Grüße,IE-hack mit negativem margin?
MFG
bleicher--
__________________________-
Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
Lieber bereuen gesündigt zu haben, als nicht sündigen und es später trotzdem bereuen.
Boccaccio-
Hi Bleicher,
vielen Dank für deine Hilfe.
Die Lösung war ein IE-Hack, den mir Detlef in diesem Thread gezeigt hat....THX noch einmal
Grüße,IE-hack mit negativem margin?
MFG
bleicher
-
-
-
-
-
-
Hallo Stefan
Leider bekomme ich im IE immer einen unschönen 1px abstand zwischen die einzelnen Listen.
Hat mir hierzu evtl jemand einen Tipp woran das liegt?Vielleicht am IE?
Versuchs mal mit:
* html ul#nav_left li { display:inline; }Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!-
Hallo Detlef,
vielen Dank, das war die Lösung!!!!!!
Nun werde ich meine Liste wieder erweitern und hoffen dass es weiterhin so gut funktioniert.
Thx noch einmal!Hallo Stefan
Leider bekomme ich im IE immer einen unschönen 1px abstand zwischen die einzelnen Listen.
Hat mir hierzu evtl jemand einen Tipp woran das liegt?Vielleicht am IE?
Versuchs mal mit:
- html ul#nav_left li {
display:inline;
}
> > Auf Wiederlesen > Detlef > - html ul#nav_left li {
-