Re-bonjour
Bon j'ai essayé de suivre tes conseils, et de me remettre à jours (avec css3)
Je n'ai fait que 3 bloc et voila que je bloque déjà :cogne:
J'ai une div "Parent" : Main (fond blanc pour que tu puisse la reconnaitre)
et dedans plusieurs div : header,register,footer, et rightnav.
je n'arrive pas à comprendre pourquoi le rightnav (menu) est descendu par rapport au Main :langue2:
(Edit : ça se passe ici www.haishin.fr/register2.php )
il n'y as pourtant rien de compliqué :
Bon j'ai essayé de suivre tes conseils, et de me remettre à jours (avec css3)
Je n'ai fait que 3 bloc et voila que je bloque déjà :cogne:
J'ai une div "Parent" : Main (fond blanc pour que tu puisse la reconnaitre)
et dedans plusieurs div : header,register,footer, et rightnav.
je n'arrive pas à comprendre pourquoi le rightnav (menu) est descendu par rapport au Main :langue2:
(Edit : ça se passe ici www.haishin.fr/register2.php )
il n'y as pourtant rien de compliqué :
Code :
body
{
background: url('../images/Background-En-Cours.jpg');
background-attachment:fixed;
background-size:100% 100%;
background-repeat:no-repeat;
}
Essai{
width:100px;
background-color: #000000;
margin-left:550px;
}
Main{
display: inline-block;
position:relative;
margin-left:auto;
margin-right:auto;
background-color: #ffffff;
}
Main2{
display: inline-block;
margin-left:0px;
width:500px;
}
.rightnav{
display: inline-block;
width:200px;
background-color: #706b64;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
}
section{
margin-left:auto;
margin-right:auto;
}
header{
background-color: #706b64;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
padding: 30px;
margin-bottom:20px;
text-align:center;
}
.box{
margin-left:auto;
margin-right:auto;
width:100%;
}
#register{
display: inline-block;
text-align: justify;
background-color: #706b64;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
padding: 10px;
color: white;
font-size: 0.9em;
}
footer{
background-color: #706b64;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
padding: 60px;
margin-top:20px;
text-align:center;
}
*>Main{
display: inline-block;
position:relative;
margin-left:auto;
margin-right:auto;
}