Horizontal align ne fonctionne pas dans Firefox et IE

Mon site semble parfaitement fonctionner sur Google Chrome, mais quand il est vu dans Firefox ou IE, L'alignement est complètement maladroit. Est-ce que quelqu'un peut m'aider à régler ce problème? Merci d'avance.Horizontal align ne fonctionne pas dans Firefox et IE

Le lien vers le site est:

Le problème avec firefox/IE est que les 3 cases ne sont pas alignées au milieu. où comme dans le chrome il est aligné au centre qui est exactement ce que je veux.

Cordialement

Source

2011-03-29 user600454

S'il vous plaît poster un code ou au moins un lien vers votre page problématique! – Czechnology

Veuillez ajouter une description de ce qui ne s'affiche pas correctement. Le voir dans Firefox 4 semble ok. – scunliffe

@Scunliffe - vérifier en chrome une fois, les 3 boîtes (1. nouvelles 2. image composée en disant «Roboshaala» et «School Robotics» 3. Composé d'une image disant «Stage» & «Mon RoboBazaar») – user600454

votre boîte de contenu est en ligne-bloc; et est flotté à gauche.

faites le bloquer display:block, alignez le centre margin:0 auto; et retirez le flotteur. Je pense que cela devrait aider.

et même pour d'autres boîtes ainsi

Source

2011-03-29 10:28:15 Headshota

exactement où puis-je faire le deuxième changement ??? marge 'code': 0 auto; – user600454

Css fichier apparemment – Headshota

LOL..je sais que shota..était jus essayant de trouver la ligne. J'ai foudroyé cette ligne quand même ..mais les changements ont aidé ... c'est pareil ... – user600454

Vous avez un cas de mauvaise imbrication de l'ouverture/fermeture divs.

vous devez commenter le </div> après la

<!-- .. END OF THE CONTENT .. -->

commentaire.

En cas de problèmes dans votre code HTML, chaque navigateur tentera de le résoudre, mais de manière non normalisée.

Source

2011-03-29 10:37:43

si vous réduisez la règle #frontcontent-container style.css juste lire:

#frontcontent-container { 
    margin: 0 auto; 
    width: 960px;  
}

qui devrait faire l'affaire. le problème est que vous flottez à gauche et que vous affichez comme inline-block. En outre, il semble que vous incluiez la feuille de style deux fois. Oh, et il semble y avoir quelques problèmes avec votre balisage - le div wrapper n'emballe pas vraiment du tout, donc je suppose qu'il vous manque un tag de fermeture quelque part!

Source

2011-03-29 10:38:19 WickyNilliams

Horizontal align ne fonctionne pas dans Firefox et IE

Répondre

Questions connexes