Je suis en train de finir un site sur lequel le client veut travailler sur tous les navigateurs. Cependant, il semble y avoir un problème de CSS que je ne peux pas contourner. La bordure autour de cette page semble commencer au milieu de la page, au lieu d'entourer toute la page. Cela fonctionne sur tous les autres navigateurs. Je devine que c'est un problème de flotteur, mais le #contact-form
dessous a fondamentalement le même CSS appliqué à lui mais la frontière l'entoure encore, alors que le #info
semble avoir cassé hors de la frontière.Pourquoi IE6 ne rend pas correctement cette bordure?
La page Web en question est http://lunaskymoda.co.uk/contact-us/
La seule erreur de validation est avec un mot-clé non enregistrée « Nextgen », mais je doute que ce soit le problème. J'ai passé une journée entière à m'y attaquer et je n'arrive pas à trouver une explication raisonnable pour expliquer pourquoi cela se produit.
le CSS pour les éléments HTML possibles produisant l'erreur sont:
#main #main-content {
border: 1px solid white;
display: block;
margin: 12px 0;
background: black;
}
.contact #main-content .info {
margin: 10px;
width: 300px;
font-size: 14px;
color: white;
float: right;
display: block;
}
J'ai trouvé quelques erreurs dans la console de Webkit Chrome – Xavier
@Xavier qui semble être un problème JavaScript qui n'affecte aucune des autres pages. Je suis sûr que c'est un problème de CSS – Seedorf