28173 sujets

CSS et mise en forme, CSS3

Rien ne ce centre dans le css sous IE

salut

j'en ai marre de internet explorer il prends jamais : "margin:auto;"

il ne centre jamais les blocks donc j'aimerai savoir comment je pourrai faire

répondez svp car là j'ai vraiment tout essayé

mon code css : 
/* Crée le Samedi 24 Février */

body { 
background-color:#f5f5f5;
color:#000000;
margin:auto;
font-size:12px;font-family:Arial;
width:650px;
}

#header
{
background-image: url('header.jpg');
background-repeat:no-repeat;
margin:center;
height:150px;
margin-bottom:10px;
}

/*Menu du site */
#main
{
padding:5px;
margin-left:-20px;
float:left;
width:120px;
background-color:#F5F5F5;
color:#000000;
border:1px solid #000000;
padding-bottom:10px;padding-top:10px;
height:202px;
}

/*Style des liens du menu*/
#main a {text-decoration:none;color:#000000;font-weight:bold;}
#main a:hover {text-decoration:underline;color:#F1C515;font-weight:bold;}

/*Titre style*/
#main h1 {font-size:13px;color:#202020;text-decoration:underline;font-weight:bold;text-align:center}

/*Contenu du site */
#corps
{
float:right;
padding:10px;
width:500px;
background-color:F5F5F5;
color:#000000;
border:1px solid #000000;
margin:auto;
}

/*Titre style*/
#corps h1 {font-size:18px;color:#202020;text-decoration:underline;font-weight:bold;padding-left:25px;}
#corps h2 {font-size:15px;color:#303030;text-decoration:underline;font-weight:bold;padding-left:20px;}

/*Style des liens du corps*/
#corps a {text-decoration:none;border:1px dashed #000000;color:#000000;}
#corps a:hover {text-decoration:none;border:1px dashed #000000;color:#CE0C0C;}


aperçu mozilla
aperçu ie (nul lol)


merci d'avance Smiley confused Smiley confused Smiley confused Smiley confused
Salut,

IE comprend très bien les marges automatiques. Aurais-tu un exemple en ligne, ou à défaut le code HTML de la page concernée ?
oui bien sur Smiley cligne 
<link rel="stylesheet" type="text/css" title="xStyle" href="style.css">

<div id="header"></div>
<div id="main"><h1>Test</h1>
<li><a href="test.php">test</a></li>
<li><a href="test.php">test</a></li>
<li><a href="test.php">test</a><br />
<h1>Test</h1>
<li><a href="test.php">test</a></li>
<li><a href="test.php">test</a></li>
</div>
<div id="corps">
<h1>test 1</h1>


blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol 

<h1>test 2</h1>

blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol blablablablablabla lol </div>
c'est pas dans body que tu dois mettre margin:auto

Si tu veux centrer ton div corps essayes:
margin:0 auto ;
Salut,

Pour commencer, revois ton code car il manque pas mal de balises. Des balises de liste entre autres...et d'autres qui ne sont pas fermées. 

<ul>...</ul>


pour une liste non ordonnée,

<ol>...</ol>


pour une liste ordonnée...

Pour le centrage, jette un oeil à cette page:

http://openweb.eu.org/articles/initiation_centrage/

@++
Modifié par Tony_M (24 Feb 2007 - 20:05)
Sujet clos
Aller à