Ergebnis 1 bis 8 von 8

Thema: IE macht abstände bei LI

  1. #1
    Pion
    Gast

    Standard IE macht abstände bei LI

    Hey ho,

    könnte ihr mir sagen wie ich die Abstände im IE herrausbekomme?

    http://pion.pixelbash.de/?content=

    Code:
    div.subnavi
    {
    
    top: 200px;
    position:absolute;
    left: 100px;
    
    
    }
    div.subnavi li {
     margin:0;
    padding:0;
    list-style:none;
     }

    Code:
    <div class="subnavi">
    
    <ul  style="  width:200px; ">
    <li style=" height:3px; background-image:url(Bilder/subnavi_20.gif); background-repeat:no-repeat;"></li>
    <li style="  background-image:url(Bilder/subnavi_23.png);">dasaadsasas</li>
    <li style="  height:3px; background-image:url(Bilder/subnavi_29.gif); background-repeat:no-repeat;"></li>
    <li style=" background-image:url(Bilder/subnavi_27.gif);">dasaadsasas</li>
    <li style="  height:3px; background-image:url(Bilder/subnavi_29.gif);background-repeat:no-repeat;"></li><li style="  background-image:url(Bilder/subnavi_27.gif);">dasaadsasas</li><li style="  height:5px; background-image:url(Bilder/d.gif);background-repeat:no-repeat;"></li>
    
    </ul>
    </div>

    mfg
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: IE macht abstände bei LI

    Also ich sehe da keine Abstände.

  3. #3
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE macht abstände bei LI

    Ich hab dir hier mal was hingeschummel. Bei mir im IE6.0.28 schauts ganz ok aus.
    Musst du dann natürlich noch NUR für IE machen...

    Code:
    <div class="subnavi">
    <ul  style="  width:200px; ">
    <li style="  height:3px; background: url(http://pion.pixelbash.de/Bilder/subnavi_20.gif) no-repeat left bottom;"></li>
    <li style="  background-image:url(http://pion.pixelbash.de/Bilder/subnavi_23.png);">dasaadsasas</li>
    <li style="  line-height: 3px; font-size: 2px; height:3px; background-image:url(http://pion.pixelbash.de/Bilder/subnavi_29.gif); background-repeat:no-repeat;">&nbsp;</li>
    <li style=" background-image:url(http://pion.pixelbash.de/Bilder/subnavi_27.gif);">dasaadsasas</li>
    <li style="  line-height: 3px; font-size: 2px; height:3px; background-image:url(http://pion.pixelbash.de/Bilder/subnavi_29.gif);background-repeat:no-repeat;">&nbsp;</li>
    <li style="  background-image:url(http://pion.pixelbash.de/Bilder/subnavi_27.gif);">dasaadsasas</li>
    <li style="  height:5px; background-image:url(http://pion.pixelbash.de/Bilder/d.gif);background-repeat:no-repeat;"></li>
    </ul>
    </div>
    Geändert von thilda (21.07.2009 um 20:38 Uhr)

  4. #4
    Pion
    Gast

    Standard AW: IE macht abstände bei LI

    hey vielen Dank schonmal,

    habs nun so gemacht:

    Code:
    <div class="subnavi">
    <ul  style="  width:200px; ">
    <li style="  height:3px;  background-image:url(Bilder/subnavi_20.gif); background-position: left bottom;"></li>
    <li style="  background-image:url(Bilder/subnavi_23.png);">dasaadsasas</li>
    <li style="  line-height: 3px; font-size: 2px; height:3px; background-image:url(Bilder/subnavi_29.gif); background-repeat:no-repeat;">&nbsp;</li>
    <li style=" background-image:url(Bilder/subnavi_27.gif);">dasaadsasas</li>
    <li style="  line-height: 3px; font-size: 2px; height:3px; background-image:url(Bilder/subnavi_29.gif);background-repeat:no-repeat;">&nbsp;</li>
    <li style="  background-image:url(Bilder/subnavi_27.gif);">ddddddd</li>
    <li style="height:5px; background-image:url(Bilder/d.gif); background-repeat:no-repeat;"></li>
    </ul>
    </div>
    Allerdings sieht man nun beim letzen LI einen abstand (Demo ist die selbe )


    mfg

  5. #5
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE macht abstände bei LI

    Bei deinem Ersten li hast du das "no-repeat" vergessen. Und aus irgend einem Grund hast du beim letzten li 5px höhe...

    Ansonsten kann ich leider (im Browser) nicht sehen was du meinst. Vielleicht hast du nen screenshot für uns.

  6. #6
    Pion
    Gast

    Standard AW: IE macht abstände bei LI

    Ahh nun gehts vielen Dank,

    ich habe die höhe rein gesetzt weil die schon immer drin stand und bei deinen Beispiel auch drin stand...

    Warum die Platzhalter nun waren versteh ich aber trotzdem nicht, an was lag es nun ? An den linehight+height?

    Wenn ja warum bzw warum ging es im FF

    ps danke

    Edit: ohne heigt 5 px zeigt er im opera das nicht ganz an
    Edit2: habs mit linehight gelöst
    mfg
    Geändert von Pion (21.07.2009 um 21:42 Uhr)

  7. #7
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: IE macht abstände bei LI

    Kleiner Tipp am Rande: Arbeite doch gleich mit Ids und Klassen. Das minimiert in der Regel solche Fehlerquellen.

  8. #8
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE macht abstände bei LI

    Der IE hat scheinbar probleme mit li in denen nix steht. Also kein text...

Ähnliche Themen

  1. IE6 Abstände
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.10.2008, 20:19
  2. Abstände
    Von minder im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 19.04.2008, 15:22
  3. Hilfe!! - Tabelle macht automatische Abstände
    Von Magic2006 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 02.07.2006, 22:58
  4. Abstände
    Von Mr.Death im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 04.01.2006, 21:09
  5. Abstände
    Von Hilfe!!!! im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 24.04.2004, 16:50

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •