kostenloser Webspace werbefrei: lima-city

Problem bei Internetexplorer mit ul und li..

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   loma

   loma hat kostenlosen Webspace.

   18:32, 31.10.2010

   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. simuliertes

   

   simuliertes hat kostenlosen Webspace.

   18:46, 31.10.2010

   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.

   18:52, 31.10.2010

   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?