firefox non centrage div principal

Im essayant de centrer un div principal en utilisant la marge: 0px auto; mais ça ne marchera pas dans Firefox. Cela fonctionne dans Chrome et IE n'importe quelle idée pourquoi ceci s'est produit.firefox non centrage div principal

css:

#mami{ 


width:1200px; 

margin:0px auto; 


}

html:

<body> 

<div id='mami'> 
    <h1>Center Me</h1> 
</div> 

</body>

Source

2012-12-08 Lexy Feito

Voyons voir plus de votre code. –

c'est tout ce que j'ai à faire mais ça ne marchera pas dans FireFox –

Vous n'avez aucun contenu dans la div. Comment pouvez-vous dire qu'il n'est pas centré? –

Votre div est centrée bien dans Firefox. http://jsfiddle.net/nTXeq/2/

enter image description here

Si vous souhaitez centrer le texte dans la div, vous aurez besoin de cibler spécifiquement que:

#mami { 
text-align: center; 
}

Source

2012-12-08 23:00:20

sans essayer de mettre px comme margin: 0 auto; mais vous devez ajouter quelque chose à l'intérieur de la balise div sinon rien ne se montrera et vous n'avez rien à voir.

<style>.asdf{background:silver;width:1200px;margin:0 auto;height:20px}</style><div class="asdf">Should Center</div>

Source

2012-12-08 22:53:52 webdev

Nope ne fonctionne toujours pas –

@LexyFeito - Oui, c'est le cas: http://jsfiddle.net/4apJT/ – FixMaker

Placez un DIV autour de celui-ci avec un nom d'emballage similaire avec une largeur de 100%. centre alors cet élément à l'intérieur f qu'utiliser:

HTML:

<div id="globalContainer"> 
    <div id="mami"> 
     This is some text! 
    </div> 
</div>

CSS:

#globalContainer{ 
    width:100%; 
} 

#mami{ 
    margin-left:auto; 
    margin-right:auto; 
    width:1200; 
}

Source

2012-12-08 22:58:40

firefox non centrage div principal

Répondre

Questions connexes