Header collé a la mainbox
Fermé
sangnom
Messages postés
7
Date d'inscription
jeudi 30 juillet 2009
Statut
Membre
Dernière intervention
25 septembre 2011
-
2 août 2009 à 12:20
anonyme - 2 août 2009 à 13:01
anonyme - 2 août 2009 à 13:01
A voir également:
- Header collé a la mainbox
- Header php - Astuces et Solutions
- Dessin a copier coller ✓ - Forum Internet / Réseaux sociaux
- Gpt header corruption ✓ - Forum Windows 10
- Bad pool header ✓ - Forum Windows 7
- Request header or cookie too large - Forum Webmastering
5 réponses
Bon, a tout hasard, essaye ca :
HTML :
<body>
<div id="header"></div>
<div id="mainbox">
<div id="menu">
<ul>
<li><a class="m1" href="menu1.html">Menu 1</a></li>
<li><a class="m2" href="menu2.html">Menu 2</a></li>
<li><a class="m3" href="menu3.html">Menu 3</a></li>
<li><a class="m4" href="menu4.html">Menu 4</a></li>
<li><a class="m5" href="menu5.html">Menu 5</a></li>
</ul>
</div>
<div id="corps"></div>
</div>
</body>
CSS :
* {
margin: 0;
padding: 0;
}
body {
text-align: center;
background: url(images/fond.gif);
}
#header {
background: #036;
width: 100%;
height: 80px;
border-bottom: 2px #111111 solid;
}
#mainbox {
width: 900px;
height: 600px;
margin: 0 auto;
}
#menu {
height: 50px;
background-image: url(images/alpha.png) center;
margin: 0 auto;
}
#corps {
background-color: #F99;
height: 600px;
margin: 0 auto;
}
En définissant * { margin: 0; padding: 0; } ça applique un padding et un margin de 0 à tous les éléments de ta page. Car je ne sais pas si tu sais, mais IE ou Firefox ou les autres ont des paddings ou des marges différentes DE BASE. Donc pour éviter les espaces indésirables, toujours utiliser * { margin: 0; padding: 0; } en début de code CSS
Je ne sais pas si ca t'aide pour le probleme, mais ce que je sais c'est que ca t'aidera forcément de le faire...
HTML :
<body>
<div id="header"></div>
<div id="mainbox">
<div id="menu">
<ul>
<li><a class="m1" href="menu1.html">Menu 1</a></li>
<li><a class="m2" href="menu2.html">Menu 2</a></li>
<li><a class="m3" href="menu3.html">Menu 3</a></li>
<li><a class="m4" href="menu4.html">Menu 4</a></li>
<li><a class="m5" href="menu5.html">Menu 5</a></li>
</ul>
</div>
<div id="corps"></div>
</div>
</body>
CSS :
* {
margin: 0;
padding: 0;
}
body {
text-align: center;
background: url(images/fond.gif);
}
#header {
background: #036;
width: 100%;
height: 80px;
border-bottom: 2px #111111 solid;
}
#mainbox {
width: 900px;
height: 600px;
margin: 0 auto;
}
#menu {
height: 50px;
background-image: url(images/alpha.png) center;
margin: 0 auto;
}
#corps {
background-color: #F99;
height: 600px;
margin: 0 auto;
}
En définissant * { margin: 0; padding: 0; } ça applique un padding et un margin de 0 à tous les éléments de ta page. Car je ne sais pas si tu sais, mais IE ou Firefox ou les autres ont des paddings ou des marges différentes DE BASE. Donc pour éviter les espaces indésirables, toujours utiliser * { margin: 0; padding: 0; } en début de code CSS
Je ne sais pas si ca t'aide pour le probleme, mais ce que je sais c'est que ca t'aidera forcément de le faire...
Bonjour,
Je viens de tester (mais j'ai pas les images) et le seul espace que je vois c'est tout simplement ton menu...
Je viens de tester (mais j'ai pas les images) et le seul espace que je vois c'est tout simplement ton menu...
sangnom
Messages postés
7
Date d'inscription
jeudi 30 juillet 2009
Statut
Membre
Dernière intervention
25 septembre 2011
2 août 2009 à 12:40
2 août 2009 à 12:40
Et bien justement je comprends pas qu'ily ait un espace entre le menu et le header, il n'ya aucune raison étant donné que les <div> dans le html sont l'une à la suite de l'autre et que je n'ai défini aucune marge dans le css.
sangnom
Messages postés
7
Date d'inscription
jeudi 30 juillet 2009
Statut
Membre
Dernière intervention
25 septembre 2011
2 août 2009 à 13:00
2 août 2009 à 13:00
SUPER !!!!
Ca marche nickel et ca à meme corrigé un problème d'affichage sur dreamweaver.
Merci pour l'aide si rapide !
Ca marche nickel et ca à meme corrigé un problème d'affichage sur dreamweaver.
Merci pour l'aide si rapide !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question