Site ne s'affichant pas correctement dans IE

Cette page ne s'affiche pas correctement dans Internet Explorer, alors que d'autres navigateurs fonctionnent correctement. Toute idée serait appréciée. Je ne suis pas sûr si je devrais coller le CSS ici car il peut être consulté avec des outils de Firefox. Cependant, si quelqu'un le demande, je l'afficherai.Site ne s'affichant pas correctement dans IE

Ceci est la page:

http://www.enjoyislam.net/adult.html

Source

2010-09-05 bkarj

ARGH! LA MUSIQUE! ÇA BRÛLE! (Je vais jeter un oeil dans IE, mais sérieusement, la musique n'est pas une bonne idée). –

Lecture automatique de musique = -1. –

J'ai sorti le jeu automatique pour l'instant mais le client l'a demandé. Je suis d'accord c'est une mauvaise idée. Veuillez reprendre le vote négatif. – bkarj

Vous utilisez des fonctionnalités CSS que IE8 prend en charge uniquement en mode XHTML 1.0 "strict" ou "transitoire". Mettez cette ligne en haut de adult.html (ci-dessus <html>) et tout ira bien:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Cela fonctionne également:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Plus d'informations sur ces modes et leur effet sur IE (et d'autres navigateurs) est ici:

http://www.quirksmode.org/css/quirksmode.html

(Pour des questions limitées à la conception de la page et non liés à la configuration du serveur, vous pouvez obtenir des réponses plus ciblées à Doctype.)

Source

2010-09-05 16:37:25 danorton

Je n'arrive pas à croire que c'était si facile! Merci – bkarj

Le problème dans IE est qu'il est la manipulation du fait que votre contenu est plus large que la largeur prescrite du récipient. Vous donnez le conteneur 1000px d'espace, mais entre le 550px pour la colonne de gauche, 449px pour la colonne de droite, et les 15px de remplissage de chaque côté de la colonne gauche vous êtes plus que les 1000px de largeur. Pour voir que c'est le problème, modifiez

#eb_right_column { 
    height:800px; 
    width:449px; 
    background-image:url(images/beginner_pic.jpg); 
    background-repeat:no-repeat; 

    float:left; 
}

#eb_right_column { 
    height:800px; 
    width:409px; 
    background-image:url(images/beginner_pic.jpg); 
    background-repeat:no-repeat; 

    float:left; 
}

Évidemment, il ne correspond pas correctement à ce stade, mais qui est de démontrer le problème. Travaillez avec la largeur nécessaire pour obtenir la conception visuelle selon vos spécifications.

Source

2010-09-05 16:12:18

Site ne s'affichant pas correctement dans IE

Répondre

Questions connexes