2009-12-10 7 views
1

mon site semble ok dans tous les navigateurs s'attendre à IE7 J'ai beaucoup de problèmes avec ce navigateur. Ci-dessous l'image avec laquelle j'ai des problèmes:étrange bordures IE7 comportement

alt text http://i45.tinypic.com/dvmwc0.gif

J'ai fait un qui a un pagination problème avec IE7, le fond de la frontière et le haut ne rend pas, quelqu'un sait pourquoi? voici mon css mayber qui vous donnera un indice de ce qui ne va pas?

div.Pager a { 
    display:block: 
    float:left; 
    padding: 2px 6px; 
    border: solid 1px #e6e7e8; 
    margin: 0 2px 0 2px; 
    text-align:center; 
} 

div.Pager a:hover { 
    background-color:#437FC1; 
    border-color:#437FC1; 
    color:#fff; 
    text-decoration:none; 
} 

div.Pager{ 

    display:block; 
    overflow: hidden; 
    white-space: nowrap; 
    padding:6px 0 6px 0; 
    margin-top:2px; 
} 

Toute personne a eu des problèmes similaires, peut-être une autre approche à ce sujet? fondamentalement à l'intérieur de Pager div il y a quelques balises qui sont des liens vers des numéros de page. Merci

MISE À JOUR:

Voici ce qui se passe quand tout css a passé la validation, lors des demi-colonnes remplacées:,

alt text http://i48.tinypic.com/fc6uqd.gif

Son incroyable de voir comment tout fonctionne bien dans ff et IE8 sans même css étant valide .. quand il est valide, il ne fonctionne pas dans un navigateur dans chacun d'eux, il ressemble à l'image ci-dessus Oui, voici HTML

<div class="Pager"> 
<div class="Pager_left"> 
<span class="light"> Page:</span> 
<span class="current">1</span> 
<a onclick="return Page.goto(10);" href="#">2</a> 
<a onclick="return Page.goto(20);" href="#">3</a> 
<a onclick="return Page.goto(30);" href="#">4</a> 
<a onclick="return Page.goto(40);" href="#">5</a>… 
<a onclick="return Page.goto(10);" href="#">»</a> 
</div><div class="Pager_right"/></div> 
+0

Pourquoi ma réponse a-t-elle été refusée? –

+0

J'ai téléchargé une nouvelle photo .. ce qui se passe et explication .. ci-dessous MISE À JOUR dans mon message –

+0

Droit, ne supposez pas que c'est à cause de la validation qu'il a échoué, votre code a besoin de plus de travail pour l'obtenir 100%, pourriez-vous poster le code HTML pour votre pagination. –

Répondre

3

D'abord avez-vous vérifié que votre CSS/HTML est valide?

Le border shorthand syntax devrait être le suivant, vous spécifiez le style avant du poids, il devrait être du poids avant le style:

border: 1px solid #e6e7e8; /* correct format */ 

Cela peut envoyer IE7 en mode Quirks, causant éventuellement votre problème.

Votre code ne termine pas votre sélecteur correctement, utilisez plutôt un point-virgule.

display:block: /* look here, you need a ; */ 
+0

Pas de changement, ne sait pas lequel va d'abord c'est resté le même –

+0

Ok, avez-vous appliqué le second changement, en ajoutant un ';' au lieu d'un ':' à votre 'display: block:' line? –

+0

Voilà, bravo! –