kostenloser Webspace werbefrei: lima-city


Problem bei Internetexplorer mit ul und li..

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    loma

    loma hat kostenlosen Webspace.

    Hallo,

    ich habe hier gerade ein ziemlich blödes problem mit dem Internetexplorer. Da ich eigentlich nur Firefox benutze und heute per zufall mal mit dem Internetexplorer auf meine Seite gegangen bin, ist mir aufgefallen das, dass mit dem ul und li in der Css garnicht hinhaut. Ich muss aber dazu tag/sagen">sagen das ich mich so gut wie garnicht mit Css auskenne und das alle mal so mit Google und auf gut glück zusammengebastelt habe. Sah eigentlich auch ganz nett aus im Firefox aber wie eben gesagt der Internetexplorer ist so ne kleine zicke.

    Firefox:
    http://www.bilder-upload.eu/upload/BJ2glJD81hNpAr2.JPG

    Internetexplorer:
    http://www.bilder-upload.eu/upload/yiigMgTE1DOwgy3.JPG

    Css:
    /* Startseite */
    
    ul.list {
            width:100%;
            float: left;
            margin-bottom: 20px;
            margin-right: 7px;
            margin-left: 3px;
            list-style:square inside;
    
    }
    li.list, .list_ohne {
            width:100%;
            float: left;
            margin-left: 1px;
            display:list-item;
            list-style:square inside;
            color:#000000;
            margin-bottom: 2px;



    Ausgabe für die Startseite:
    <b>Das haben wir zu bieten:</b>
      <ul class="list">
            <li class="list">Vergütung von <b>700 bis 1000</b> Lose</li>
            <li class="list">Eine Reloadsperre von 120 Minuten</li>
            <li class="list">3 Refebenen (3,0%/2,0%/1,0%)</li>
            <li class="list">Ausführliches Referal Center</li>
            <li class="list">Tages, Wochen und Monat Rallys</li>
            <li class="list">Bettelkönig ( 2% vom Bettelumsatz)</li>
            <li class="list">Bettel-Jackpot (10 Lose je Aufruf)</li>
            <li class="list">Topliste mit den besten 25 Bettler</li>
            <li class="list">Schnelle Auszahlung</li>
            <li class="list">Schneller Support</li>
            <li class="list">Es wurden bereits xxx Lose ausgezahlt! </li>
    </ul>

    Fragt mich nicht was ich da gemacht habe, ich weiß es selbst nicht. Kenntnisse in CSS ist gleich null. Aber das wichtigste ist das ich es wenigstens ertmal versucht habe :).

    Würde mich mega auf hilfe freuen. Danke schonmal!

    Liebe Grüße.

    Beitrag zuletzt geändert: 31.10.2010 18:44:09 von loma
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Die Lösung:
    ul.list {
            margin: 0;
            list-style:square inside;
           color:#000;
    }
    li.list, .list_ohne {
            margin-left: 40px;
            color:#000;
            margin-bottom: 2px;}


    Alle anderen angaben sind , meiner meinung nach, überflüssig.
    Grund für die Fehlerhafte Anzeige war das square inside laut selfhtml nur für ul-elemente ist.
    Sich aber an die untergeordneten li-elemente vererbt.

    Beitrag zuletzt geändert: 31.10.2010 18:53:03 von simuliertes
  4. Autor dieses Themas

    loma

    loma hat kostenlosen Webspace.

    simuliertes schrieb:
    Die Lösung:
    ul.list {
            margin-bottom: 20px;
            margin-right: 7px;
            margin-left: 3px;
            list-style:square inside;
    
    }
    li.list, .list_ohne {
            margin-left: 1px;
            color:#000000;
            margin-bottom: 2px;}



    Du hast mich gerettet! Vielen herzlichen dank :) ..

    Beitrag zuletzt geändert: 31.10.2010 18:53:21 von loma
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!