Bonjour a tous et merci pour le travail que vous faites

je me lance dans le css grace a vous et je suis en train de faire un site spip avec le modele12

mais j'ai quelque soucis

j'ai un peu modifier les div et mon site ne s'affiche pas correctement

il est decaler vers le haut

pourriez vous me dire pourquoi

Merci d'avance

leosthene.com

et mon css
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EDF0F1;
	margin: 0px;
}
a.couleurLienHaut {
	color:#D5F4FF;
	text-decoration:none;
}
a.couleurLienHaut:hover {
	color:#FFFFFF;
	text-decoration:none;
}
a.couleurLienMenu {
	color:#333333;
	text-decoration:none;
	margin-left: 14px;
}
a.couleurLienMenu:hover {
	color:#006699;
	text-decoration:none;
}
.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.couleurLienNavigation {
	color:#006699;
	text-decoration:none;
}
a.couleurLienNavigation:hover {
	color:#006699;
	text-decoration:underline;
}
a.couleurLienSavoirPlus {
	color:#000033;
	text-decoration:none;
}
a.couleurLienSavoirPlus:hover {
	color:#1378A9;
	text-decoration:none;
}
a {
	color:#006699;
	text-decoration:none;
}
a:hover {
	color:#006699;
	text-decoration:underline;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000033;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.separationVerticale {
	background-image:url(../images/contenu_separation.gif);
	background-repeat:repeat-y;
	background-position:center;
}
.separationHorizontale {
	background-image:url(../images/contenu_separation.gif);
	background-repeat:repeat-x;
	background-position:center;
}
.Titre {font-size: 14px}


/* CSS issu des tutoriels css.alsacreations.com */
html, body {
width: 100%;
height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EDF0F1;
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
position: absolute;
}
.header {
height: 100px;
}
.footer {
width: 100%;
height: 100px;
}
.menu {
position: absolute;
left:0;
width: 165px;
height: 300px;
}
.entete {
margin-left: 165px;
width: auto;
height: auto;
overflow: auto;
}
.entete_haut {
width: auto;
height: auto;
overflow: auto;
}
.entete_gauche {
width: auto;
height: auto;
overflow: auto;
}
.frame {
margin-left: 165px;
width: auto;
height: 300px;
overflow: auto;
}
p {margin: 0 0 10px 0;}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}

Modifié par fcdi (27 Jul 2006 - 19:51)