28172 sujets

CSS et mise en forme, CSS3

Body à zero

Bonjour,

J'aimerai mettre le body complètement en haut de l'explorateur. mais impossible.

body {
	background: url(images/fond.jpg) repeat top center;
	margin:0;
	padding:0;
	background-repeat: repeat;
}

#conteneur {
	background:url(images/header.png) no-repeat;
	width:900px;
	height:148px;
	padding-top:0;
	margin:0 auto;
}


<div id="conteneur">
  <div id="menu">
    <ul>
      <li></li>
      <li></li>
    </ul>
 </div>
</div>
Salut,

byters a écrit :
J'aimerai mettre le body complètement en haut de l'explorateur.
Je suppose que tu voulais dire navigateur ?

Pour le reste : pas compris ! Ton body est bien à 0 d'après ton code...
Agylus a écrit :
S'agirait-il d'un problème de fusion des marges ? Il me semble, oui.
Vu qu'il n'utilise aucun Reset, je pencherais plus pour le margin-top par défaut sur le <ul>.

A tester donc, un margin-top:0 sur div#menu ul.

EDIT : En supposant que par <body>, il fait allusion au contenu du premier <li>. Si c'est pas ça j'ai pas compris sa question. Smiley sweatdrop
Modifié par BeliG (30 Jul 2009 - 10:04)
Bonjour,

Merci pour vos réponses.

Apparemment ça vient de mon div id="conteneur", car dès que j'enlève mon </div> qui ce trouve aprés mon id menu et le ramène sur la même ligne mon header est bien à la marge 0,
mais mon menu ce retrouve maintenant en dessous.

Comment dois je faire pour marier tout ça ?

Je vous laisse mes codes ci-dessous.

body {
	background: url(images/fond.jpg) repeat top center;
	margin:0;
	padding:0;
}
#conteneur {
	background:url(images/header.png) no-repeat;
	width:900px;
	height:148px;
	padding-top:0;
	margin:0 auto;
}

#menu {
	padding-left:110px;
	padding-right:110px;
	
}
#menu ul li { 
	list-style:none;
	float:left;
	padding:7px 10px;
}
#menu ul li a {
	height:24px;
	width:101px;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	display:block;
	background:url(images/b_normal.png) no-repeat top;
	line-height:24px;
	color:#FFF;
}
#menu ul li a:hover {
	background:url(images/b_roll.png) no-repeat top;
}
#footer {
}


<body>
<div id="conteneur">
  <div id="menu">
    <ul>
      <li><a href="/signup.php">Inscription</a></li>
      <li><a href="/members.php">Membres</a>  </li>
    </ul>
 </div>
</div>
</body>


Merci pour votre aide
Bonjour,

Merci pour la réponse voila ce que j'ai mis

#conteneur {
	overflow: hidden;
	width:900px;
	background-color:#FFF;
	margin:0 auto;
	padding-bottom:100px;
}


et rien à y faire. Smiley decu
Sujet clos
Aller à