centrée rupture de la mise en page à largeur fixe dans IE6

J'utilise habituellement ce codecentrée rupture de la mise en page à largeur fixe dans IE6

div#wrapper{width:900px; margin: 0 auto;} 

div#header{float:left; width: 900px;} 

div#sidebar{float:left; width: 300px;} 

div#content{float:left; width:600px;} 

div#footer{float:left; width: 900px; clear:both;}

et j'ai ce balisage

<div id="wrapper"> 
<div id="header"></div> 
<div id="sidebar"></div> 
<div id="content"></div> 
<div id="footer"></div> 
</div>

en quelque sorte les sauts de disposition dans IE6: la mise en page entière flotte à la gauche!

des connaissances sur celui-ci?

EDIT: la disposition est valide; centrage des travaux dans IE7 et 8 (mais pauses bizarreries)

EDIT est ici à quoi il ressemble en mode Quirks alt text http://www.freeimagehosting.net/image.php?2646ed5285.png

Source

2010-01-26 yretuta

Êtes-vous en mode bizarre? ou conforme aux normes? corps et html ont la largeur 100%? –

le tester dans IE6: pauses, le tester dans IE7 et 8 Mode Quirks: pause, pas de balises CSS pour le corps et la largeur html – yretuta

STOP SUPPORT IE6 – Jason

Vous devez avoir un doctype déclaré ..

tout doctype fera ..

(vérifié)

Source

2010-01-26 01:05:21

oh, j'ai oublié de notifier que la page est valide, doctype déclaré et tous .. le code donné est sur la mise en page seulement – yretuta

@Ygam - le doctype doit être sur la toute première ligne, avant toute chose, sinon il va déclencher le mode quirks –

@Ygam, ça marche très bien sur mon système dans IE 6 quand j'ajoute un doctype en haut .. le moment je l'enlève, il obtient le comportement que vous mentionnez .. Peut-être si vous pouvez fournir un exemple en direct .. –

Essayez ce style à la place, il n'y a aucune raison de flotter quoi que ce soit, mais la barre latérale, ajoute simplement plus de complexité pour confondre IE6.

div#wrapper{width:900px; margin: 0 auto;} 
div#header{width: 900px;} 
div#sidebar{float:left; width: 300px;} 
div#content{margin-left: 300px; width:600px;} 
div#footer{width: 900px; clear:both;}

Source

2010-01-26 00:38:36

Comme le dit Gaby, un doctype fera l'affaire. Essayez ceci en haut de votre document:

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

Source

2010-01-26 01:17:35 ScottE

centrée rupture de la mise en page à largeur fixe dans IE6

Répondre

Questions connexes