Div margin-bottom problème

Résolu/Fermé
Terraforgeur Messages postés 51 Date d'inscription dimanche 25 mars 2007 Statut Membre Dernière intervention 21 juillet 2009 - 15 juil. 2009 à 18:25
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 15 juil. 2009 à 20:16
Bonjour,

Je tente de résaliser une petit truc un html et css seulement me voilà soumis à un gros problème.
J'ai une div de taille 100% qui prend toute la page, seulement je voudrais rajouter des marges en haut et en bas de 10px. Quoique je fasse, la marge du bas ne veut pas bouger et ma div reste collée en bas de la fenêtre. voilà mon code :

@charset "utf-8";
/* CSS Document */
html {
height:100%;
padding:0px;
margin:0px;

}
body {
	background-image: url(Pictures/background.png);
	height:100%;
	padding:0px;
	margin:0px;


}
.maindiv
{
border:2px solid #FFFFFF;
border-left-color:#FFFFFF;
width:90%;
margin-left:auto;
margin-right:auto;
height:100% ;
background-color:#333333;
margin-bottom:10px;


}


et pour le html,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AmazingEve</title>
<link href="base.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div class="maindiv">test</div>


</body>
</html>


1 réponse

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
15 juil. 2009 à 20:16
Fait les margin sur body :
body {
 background-image: url(Pictures/background.png);
 height:100%;
 padding:0px;
 margin:0px;
 margin-bottom:10px;
}
0