Mise en page avec div

j.tel Messages postés 149 Statut Membre -  
notobe Messages postés 2222 Statut Membre -
Bonjour,
je viens de commancer la creation d'un site web et je maitrise pas bien le css.
voila mon fichier index

<div id="total">
<div id="logo"><img src="images/logo.PNG" /></div>
<div id="banniere"><img src="images/Sans titre.PNG" width="762" height="97" /></div>
<div id="rechercher">Rechercher</div>
<div id="topmenu">topMenu</div>
<div id="leftmenu">
<div id="leftmenu1">leftmenu1</div>
<div id="leftmenu2">leftmenu2</div>
<div id="leftmenu3">leftmenu3</div>
</div>
<div id="corps">Corps</div>
<div id="rightmenu">
<div id="rightmenu1">rightmenu1</div>
<div id="rightmenu2">rightmenu2</div>
</div>
<div id="footer">footer</div>
</div>

le probleme existe dans le corps (je veux la placer au mulieu) ca marche sur IE et ca marche pas sur google chrome
footer jaimerai la placer en bas de ma page
si vous avez une solution n'hesiter pas a me repondre
merci

css :


#total {
/*position:absolute;*/
/*left:130px;*/
margin:auto;
top:0px;
width:950px;
height:733px;
/*z-index:1;*/
background-color:#CCCCCC;
}
#logo {
/*position:absolute;*/
/*left:130px;*/
top:0px;
width:182px;
height:97px;
z-index:1;
float:left;
}
#banniere {
/*position:absolute;*/
/*left:316px;*/
top:0px;
width:762px;
height:97px;
z-index:2;
float:right;

}
#rechercher {
/*position:absolute;*/
/*left:132px;*/
top:108px;
width:180px;
height:35px;
z-index:3;
float:left;
background-color:#FFF000;
}
#topmenu {
/*position:absolute;*/
/*left:315px;*/
top:108px;
width:750px;
height:35px;
z-index:4;
float:right;
background-color:#FEF000;
}
#leftmenu {
/*position:absolute;*/
/*left:131px;*/
top:145px;
width:179px;
height:393px;
z-index:5;
float:left;
}
#leftmenu1 {
background-image:url(../images/bglogin.png);
/*position:absolute;*/
/*left:133px;*/
top:151px;
width:175px;
height:128px;
/*z-index:7;*/
}
#leftmenu2 {
background-image:url(../images/bglogin.png);
/*position:absolute;*/
/*left:132px;*/
top:283px;
width:177px;
height:119px;
/*z-index:8;*/
}
#leftmenu3 {
background-image:url(../images/bglogin.png);
/*position:absolute;*/
/*left:133px;*/
top:407px;
width:174px;
height:127px;
/* z-index:9;*/
}
#rightmenu {
/*position:absolute;*/
/*left:898px;*/
top:146px;
width:180px;
height:393px;
z-index:7;
float:right;
}
#rightmenu1 {
background-image:url(../images/bglogin.png);
background-repeat:no-repeat;
background-position:center;
/*position:absolute;*/
/*left:901px;*/
top:148px;
width:175px;
height:216px;
/*z-index:11;*/
}
#rightmenu2 {

background-image:url(../images/bglogin.png);

/*position:absolute;*/
/*left:901px;*/
top:367px;
width:175px;
height:170px;
/*z-index:12;*/
}
#corps {
position:absolute;
/*left:315px;*/
top:145px;
width:578px;
height:432px;
z-index:6;
background:#00CC66;
}
#footer {
position:absolute;
/*left:134px;*/
top:541px;
width:943px;
height:42px;
z-index:8;
background-color:#0033FF;
}
A voir également:

3 réponses

notobe Messages postés 2222 Statut Membre 213
 
Attention, trop de div tue les div !

Inspire-toi de ces gabarits :
http://www.alsacreations.com/static/gabarits/liste.html
0
j.tel Messages postés 149 Statut Membre 1
 
ok merci mais as-tu essayer de trouver la solution ?
0
notobe Messages postés 2222 Statut Membre 213
 
Non, car ton code est à reprendre à zéro (désolé).
0