Code erroné ?

Dio

Dio

Elite
Bonjour voila j'aimerais que la div menu colle la div corps je ne sais pas se qui cloche je vous montre mon code :

Merci d'avance .

Pour mon code html
<html>
<head>
<title>Dio</title>
<link rel="stylesheet" type="text/css" href="style01.css" />
</head>
<body>
<div class="global">
<div class="en_tete">
Ninga
</div>

<div class="menu">
Menu
</div>

<div class="corps">
Corps
</div>
<br class="clear":colere:/br>

<div class="pied">
Pied
</div>
</div>
</body>
</html>
Cliquez pour agrandir...


Pour mon code css
*{
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
}
.global {
text-align: center;
margin-top:20px;
}
.en_tete {
font-size:66px;
font-family:Verdana, Geneva, sans-serif;
text-align:center ;
width:800px;
font-weight: bold;
height:100px;
color:proud:69e84c;
background-color:proud:f8f8f8;
text-transform: uppercase;
border:proud:666 solid 1px;
}
.menu {
width:140px;
height:600px;
color:proud:69e84c;
background-color:proud:f8f8f8;
margin:0;
padding:0;
border:proud:666 solid 1px;
float:left;
}
.corps {
width:660px;
height:600px;
color:proud:69e84c;
background-color:proud:f8f8f8;
margin:0;
padding:0;
border:proud:666 solid 1px;
position:relative;
right:4px;

}
.pied {
width:800px;
color:proud:69e84c;
background-color:proud:f8f8f8;
border:proud:666 solid 1px;
position:relative;
bottom:38px;
}

.clear {
clear:both;
}
Cliquez pour agrandir...
 
tqz_

tqz_

Elite
peux tu essayer en définissant une width pour global?
 
1er
OP
Dio

Dio

Elite
Non sa ne résolue pas le probleme il met le site sur la gauche hors je le veux au centre :-(

jai donc remis le code css comme écrit plus haut et pour que vous ayez plus facile dans votre aide je vous et un lien ou vous pouvez constater le problème :
http://ninga.redheberg.com/css/
 
Tronyx

Tronyx

Elite
Ajoute un float: right pour ta classe corps et ça passera.

PS : Pour une meilleur lisibilité pourquoi tu centres pas ton site ? met un margin : auto à ton .général.
 
Tronyx

Tronyx

Elite
Voilà un fichier zip avec une page.html et le fichier.css qui lui va bien.

C'est hyper basique mais j'ai suivi ton idée (general/header/corps/menu/pied de page).

J'ai pas ajouté toute les commandes CSS dont tu as usé mais l'essentiel est là.C'est au niveau des div avec ce que je t'ai envoyé compare le placement des div et ce sera fait.

Pour le "*" utilisé tu peux utiliser "body" également.

Lien : IcI
 
1er
OP
Dio

Dio

Elite
Je te remercie je vais voir sa !
 
1er
OP
Dio

Dio

Elite
Je vois mais en fait tu as incrusté le menu dans la div du corps je sais pas si cest trés maleable :x j'aurais aimé le meme résultat mais avec une div indépendante
 
1er
OP
Dio

Dio

Elite
Bon alors jai sorti la DIV MENU de la DIV CORPS et enlever le wiidth 900 de la DIV * est ca a l'air correct mais le probleme c'est que je ne peut pas retraissir le site :-( sinon le corps se met en dessous du menu ..

Edit : cest bon tu avais oublié de mettre un style a la div general je lui ai donné une largeur et cest perfect merciiii .
 
Connectez-vous pour réagir !
Haut