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.
Qu'est ce que le CSS? –
Vous vous attendez vraiment à ce que nous vous disions ce qui ne va pas avec votre code sans le regarder? – Chuck
Êtes-vous des dieux ou des hommes ?! –