2010-01-12 9 views
1

J'ai deux div imbriquées s qui sont censés être les deux 400 pixels de haut. Le div sidebar s'affiche correctement dans Chrome et Firefox, mais dans Internet Explorer 8, j'ai du mal à le rendre assez large et assez grand en raison du modèle de boîte foiré d'Internet Explorer.modèle Boîte bidouille ne fonctionne pas dans Internet Explorer 8

J'ai essayé d'utiliser le hack modèle de boîte pour le corriger, mais il ne semble pas faire quoi que ce soit, donc je l'ai enlevé. J'ai essayé d'utiliser une largeur fixe sur le hack Internet Explorer de la barre latérale en calculant combien 19% de 880 (la largeur de la div #container) était de 168 pixels + les 20 pixels pour le remplissage gauche et droite = 188 pixels), mais cela ne semblait pas changer quoi que ce soit, c'était la même taille dans Internet Explorer.

Comment puis-je faire de cette page Web pour regarder le même dans Internet Explorer comme dans Firefox et Chrome? Je suis un débutant pour ce modèle de piratage.

Le code source peut être trouvée ici: http://68.82.27.200/alienscientist/.

En outre, le menu principal est pas assez large, et l'en-tête est pas assez grand, dans Internet Explorer. Je n'ai pas encore essayé d'y remédier, mais est-ce que le correctif pour la barre latérale peut être appliqué à ceux-là?

Répondre

4

Le problème Box Model ne devrait pas être un problème dans IE8 si vous utilisez un doctype strict. Je peux voir que vous avez déclaré un strict, mais quelques problèmes au sommet de votre code html pourrait annulerons ceci:

<!-- BEGIN HTML HEADER --> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" class="webkit safari safari4 mac"> 

Je pense que la ligne doctype devrait être en haut, plutôt que d'un commentaire. Il vous manque les attributs xml: lang et lang sur le nœud html, qui ne devrait pas non plus avoir de classe (mettez ces classes sur body).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

C'est pour la plupart juste une intuition éduquée, mais essayez de le changer et voir si le problème est résolu.

+0

greenbeans saints, lucifer! Ça a marché! JE VOUS REMERCIE!!! –

+0

Pourriez-vous le marquer comme la réponse acceptée? Merci! –

+0

Terminé. Désolé, un peu nouveau à stackoverflow lol. –

Questions connexes