CSS - Le contenu est poussé vers la gauche uniquement dans IE 7

Mon website passe à la fois la validation pour les deux XHTML et CSS. Il semble bien dans Firefox, Chrome, Safari, Opera, même IE 6 (hélas, pas IE 5.5 mais qui s'en soucie?). Pourquoi alors, tout serait poussé tout le chemin vers la gauche dans IE 7? Toutes les suggestions seraient très appréciées.CSS - Le contenu est poussé vers la gauche uniquement dans IE 7

Source

2009-02-15 Daniel Schaffer

WTH continue avec le formatage ici? –

Aucune idée. Ca ressemble à un bug pour moi (ça te va bien en avant aussi, non?) –

Yup, ça a l'air bien en avant-première ... J'ai essayé de changer la markdown pour utiliser le format [titre] (url), toujours pas de joie ... –

Lorsque je crée une page centrée, procédez comme suit;

Définissez la largeur des marges «div» et «page» et centrez le contenu dans le corps.

#page { 
    width: 900px; 
    margin: 0 auto; 
    text-align: left; 
} 

body { 
    text-align: center; 
}

a toujours bien fonctionné pour moi dans tous les navigateurs ...

Source

2009-02-15 19:05:24 ullmark

Je ne comprends pas vraiment pourquoi tu utilises positionnement sur le diva ... – ullmark

L'utilisation du positionnement relatif sur la page div # permet de positionner les éléments enfants de manière absolue par rapport à la div plutôt qu'à la fenêtre. –

Cela l'a fait ... merci! –

une autre div autour Mettez tout dans le <body> et définissez votre marge et styles largeur sur cette div, plutôt que le corps lui-même. Définissez également text-align: center; sur <body>.

<body> <!-- text-align: center --> 
    <div id="container"> <!-- width 960px, margin 30px auto, text-align: left, position: relative --> 
     <div id="nav"></div> 
     <div id="page"></div> 
     <div id="preload"></div> 
    </div> 
</body>

Source

2009-02-15 19:35:19

Il est foireuse parce que vous positionner sur des éléments du corps/html qui est complètement faux et ne sera plus jamais la même chose sur tous les navigateurs. Voir: http://www.sitepoint.com/blogs/2009/02/11/styling-the-html-and-body-elements/

Utilisez simplement des éléments d'emballage - NE JAMAIS positionner le corps.

Source

2009-02-15 19:42:40 ionelmc

Je suis confus ... vous dites de ne pas utiliser de style sur l'élément de corps, mais alors vous postez un article qui dit exactement le contraire ... En outre, je ne disposais pas le corps lui-même. –

CSS - Le contenu est poussé vers la gauche uniquement dans IE 7

Répondre

Questions connexes