Retrait inexplicable CSS

Question

Il y a un retrait dans ce fichier qui fait que l'élément 'scroller' a une marge gauche d'exactement 30px; . Je ne peux pas trouver ce qui cause cela. Cela me fait monter le mur.

Le problème est quelque part ce fichier: http://www.divethegap.com/update/z-css/admin/master.css

Le html

<div id="wrapper"> 
    <div id="scroller" align="left" style="left:0; text-align:left; margin:0; padding:0;"> 
     <ul id="thelist"> 
      <li>Pretty row 1</li> 
      <li>Pretty row 2</li> 
      <li>Pretty row 3</li> 
      <li>Pretty row 4</li> 
      <li>Pretty row 5</li> 
      <li>Pretty row 6</li> 
     </ul> 
    </div> 
</div> 

CSS supplémentaires

#wrapper { 
    position:absolute; 
    z-index:0; 
    top:0px; 
    bottom:0px; 
    left:0; 
    width:300px; 
    background:#555; 
    overflow:auto; 
    text-align:left; 
    float:left; 
} 

#scroller { 
    position:relative; 
    /* -webkit-touch-callout:none;*/ 
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    float:left; 
    width:300px; 
    padding:0; 
    overflow:auto; 
    list-style:none; 
    left:0; 
    padding:0; 
    margin:0; 
} 

#scroller ul { 
    position:relative; 
    list-style:none; 
    padding:0; 
    margin:0; 
    width:100%; 
    text-align:left; 
    overflow:auto; 
} 

#scroller li { 
    padding:0 10px; 
    height:40px; 
    line-height:40px; 
    border-bottom:1px solid #ccc; 
    border-top:1px solid #fff; 
    background-color:#fafafa; 
    font-size:14px; 
    list-style:none; 

} 

Quelqu'un peut-il me soulager de mes souffrances et trouver le CSS incriminé?

Answer 1

En text.css ici: http://www.divethegap.com/update/z-css/admin/text.css

Vous avez une marge gauche appliquée à l'ensemble de votre élément de la liste:

li { 
    margin-left: 30px; 
} 

Vous devez remplacer quand vous ne voulez pas ou supprimez-le si vous n'en avez pas besoin n'importe où.

http://jsfiddle.net/Gpu3b/

Recherchez la /* Fixed dans la zone de css.

Answer 2

Le correctif à 99% de ces problèmes: http://developer.yahoo.com/yui/reset/CSS

Vous pouvez utiliser * { margin: 0; padding: 0; } comme une solution rapide, mais une feuille de réinitialisation CSS doit être utilisé pour la production.

Answer 3

test simple Reset CSS:

* { margin: 0px; padding: 0px }; 

Answer 4

marges Retirez et apdding hors tout.

* { 
margin: 0; 
padding: 0; 
}