Centrer un block

13 juillet 2006 à 18:45:12

bonjour.je suis en train de faireun style pour mon site et je souhaiterai centrer le bolck body.Pour ce faire j'utilise le css et la commande:

margin: auto;

comme indiquer dans le cours de mateo mais cela marche avec firefox mais pas avec internet explorer. Comment puis-je faire pour le centrer avec explorer.
Merci

erdnaxeli

13 juillet 2006 à 18:46:07

text-align: center;

Mais je suis pas sur :-°

...

dridri52

13 juillet 2006 à 18:48:50

Non mais c'est pas le texte que je souhaite centrer, c'est tout le block.

joe.tgg

13 juillet 2006 à 18:50:01

Si une largeur n'est pas définie, le margin: auto; ne sert à rien.

mick3y

13 juillet 2006 à 18:51:47

Je rejoins ce qu'a dit joe.tgg : il faut mettre une largeur à ton bloc pour que le margin: auto; fonctionne.

dridri52

13 juillet 2006 à 18:52:43

voila mon code:

#corps
{
width: 80%;
height: 90%;
margin: auto;
background-color: #FFFFFF;
border: 2px solid #4E6871;
}

mais sous explorer ca merche pas pour centrer mon block.

erdnaxeli

13 juillet 2006 à 18:53:13

en fait ça devrait marcher

Citation : m@teo

Le margin:auto fonctionne sur tous les navigateurs, y compris IE6, mais ne fonctionne pas sur les navigateurs plus anciens que IE6. Par exemple, pour IE5.5 (livré avec Windows 98), le margin:auto ne fonctionne pas. Ce navigateur est de moins en moins utilisé, mais il faut faire quand même attention et vérifier si le résultat est potable sur ce navigateur.

edit: Je viens de capter ! Il faut que tu mette le margin: auto au body et pas au bloc que tu veux centrer. Si tu met margin: auto au bloc que tu veux centrer ça va centrer tout ce qui est dans ce bloc mais pas le bloc lui-même.

dridri52

13 juillet 2006 à 18:55:46

C'est moi ou c'est de la merde explorer.J'ai celui installer avec xp

joe.tgg

13 juillet 2006 à 18:58:52

Citation : dridri52

C'est moi ou c'est de la merde explorer.J'ai celui installer avec xp

Ne disons pas que Internet Explorer est un produit de m**de. Il est simplement dépassé (6 ans sans réelles mises à jour).
IE 6 est livré avec Windows XP. Donc, ton problème est bien mystérieux.

erdnaxeli

13 juillet 2006 à 19:01:12

Au risque de me répéter

Citation : erdnaxeli

Il faut que tu mette le margin: auto au body et pas au bloc que tu veux centrer. Si tu met margin: auto au bloc que tu veux centrer ça va centrer tout ce qui est dans ce bloc mais pas le bloc lui-même.

dridri52

13 juillet 2006 à 19:05:31

ca marche pas avec explorer mais par contre ca marche avec firefox.Donc la je sais vraiment pas ce qui faut faire.
Merci quand meme.Si quelqu'un a une idee.

erdnaxeli

13 juillet 2006 à 19:07:05

eh bien il n'y a plus qu'une solution : file-nous ton code :pirate:

dridri52

13 juillet 2006 à 19:10:28

voila m'a page index:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title><?php echo $titre_site ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
</head>
<body>
<div id="corps">
<div id="titre_site">
SAlut a Tous
</div>
<div class="menu_princ"><a href="#">Accueil</a></div>
<div class="menu_princ"><a href="#">Gallerie photo</a></div>
<div class="menu_princ"><a href="#">Forum</a></div>
<div class="menu_princ"><a href="#">Livre d'or</a></div>
<div id="scorps">
</div>
</div>

<div id="copyright">
Copyright Adrien@
</div>
</body>
</html>

et le code css qui va avec:

body
{
background-color: #57747E;
margin: auto;
width: 100%;
}

#corps
{
width: 80%;
height: 90%;
margin: auto;
background-color: #FFFFFF;
border: 2px solid #4E6871;
}

#titre_site
{
height: 100px;
}

#scorps
{
height: 377px;
margin-top: 30px;
padding: 5px;
overflow: auto;
}

#copyright
{
width: 80%;
margin: auto;
background-color: #FFFFFF;
margin-top: 5px;
border: 2px solid #4E6871;
text-align: center;
}

.menu_princ
{
float: left;
width: 25%;
background-color: black;
text-align: center;
display: block;
}

.menu_princ a
{
color: #FF0000;
text-decoration: none;
}

.menu_princ a:hover
{
color: #FF0000;
background-color: blue;
display: block;
}

erdnaxeli

13 juillet 2006 à 19:16:48

là je sais plus

, ça devrait très bien marcher normalement ...

dridri52

13 juillet 2006 à 19:20:11

tu as tester chez toi ou pa?si tu peux tester.Le premier code tu l'enregistre en index.html par ex et l'autre tu la nomme style.css
Au moins on voit si ca merchez toi.

erdnaxeli

13 juillet 2006 à 19:21:41

je viens de tester chez moi et effectivement ça marche pas

Sur firefox parfait mais sur internet ... (navigateur de *****)

dridri52

13 juillet 2006 à 19:22:33

lol.donc ya probleme dans mon code c'est pas possible sinon.

Riko

14 juillet 2006 à 2:15:40

Salut, ajoutes ceci en début de ton code html:

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

Regardes également ton menu, je pense que tu as un problème sous IE!!

Centrer un block

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.

× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.

Centrer un block

Centrer un block

Supprimer

Modérer

Signaler le message aux modérateurs