2009-12-15 3 views
5

Le site sur lequel je travaille actuellement a quelques problèmes avec les navigateurs Webkit (Chrome, Safari, etc.) Un de ces problèmes est que j'ai une liste à puces qui est affichage étrange. L'élément de la puce supérieure va à droite de la liste plutôt qu'à gauche.Les navigateurs Webkit poussant une balle vers la droite

alt text http://www.jamespwright.com/images/public/screengrabs/f220646f8149dff1b6437cee66498fce.PNG

Je ne peux pas sembler corriger. J'ai essayé overflow: caché, j'ai essayé list-style-position: à l'intérieur, rien ne semble fonctionner.

EDIT

Je vais essayer de fournir une partie du code, mais il est un site assez énorme qui est construit avec DotNetNuke donc je ne pourrais pas être en mesure de vous donner trop d'informations.

Le code en question est la suivante:

#PremiumServicesMenu .LinkList ul { 
    margin-top: 0px; 
    margin-left: 1em; 
    _margin-left: 3em; 
    margin-bottom: 0px; 
} 
/* Safari and Chrome specific settings */ 
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
    .PremiumServicesContainer .LinkList ul { 
     list-style-position: inside; 
    } 
} 

et le code html pour cette section est la suivante:

<div id="PremiumServicesMenu"> 
    <div class="PremiumServicesContainer"> 
     <span class="Corporate"> 
      <div id="PremiumServicesHeader"> 
       <div class="PremiumServicesShim"></div> 
       <div class="PremiumServicesTitle">Premium Services</div> 
       <div class="EndCap"></div> 
      </div> 
     <div class="LinkList"> 
      <ul> 
       <li><a href="#">AIMS</a></li> 
       <li><a href="#">Feed Lab Analysis</a></li> 
       <li><a href="#">MSDS</a></li> 
       <li><a href="#">Prior Cargo</a></li> 
         </ul> 
     </div> 
</span> 
</div> 
</div> 

Le problème semble être avec la hauteur de la page. Sur les autres navigateurs, si la page n'est pas très haute, cette section des Services Premium conserve une hauteur qui convient à tout, mais dans Webkit si la page est courte, cette section se raccourcit et place le premier élément à côté de l'image d'en-tête. que sur la ligne ci-dessous. Si la page est assez longue, ce problème ne se produit pas.

+0

Qu'est ce que le CSS? –

+1

Vous vous attendez vraiment à ce que nous vous disions ce qui ne va pas avec votre code sans le regarder? – Chuck

+1

Êtes-vous des dieux ou des hommes ?! –

Répondre

13

La réponse était dans les flotteurs. Le ul devait avoir clear:both; ajouté.

+0

Woot! M'a sauvé de certains débogages! – PruitIgoe

+0

Woot Woot! Woot! – jdog

+0

mais que faites-vous si vous ne voulez pas effacer? – pathfinder

Questions connexes