28112 sujets

CSS et mise en forme, CSS3

Salut,

c'est probablement dû à ce qu'on appelle la "fusion" des marges. Il faut chercher le coupable à l'intérieur de ton div #header, il doit y avoir un élément avec des marges verticales qui provoque ce décalage...
Voici les éléments imbriqués dans mon header, je ne vois pas lequel peut poser problème...


#header {
 margin-top: 0px;
 padding-top: 0;
 background-image: url(images/header.jpg);
 height:107px; 
 border: none;
}

#navigation {
	margin-top: 0 ;
	margin-right: -5px;
	padding: 0 ;
	list-style: 0 ;
	border: 0;
	}

#navigation li {
	float: right ;
	width: 120px ;
	margin-right: 5px ;
	color: #fff ;
	list-style-type: none;
	margin-top: 70px;
	background-color: #A38C6F;
	background-image:url(images/onglet.png);
	height: 37px;
	
	}

#navigation li a {
	display: block ;
	color: #fff ;
	font: bold 13px georgia;
	line-height: 1em ;
	padding: 10px 0 ;
	text-align: center ;
	text-decoration:none;
	}
#navigation li a:hover, #navigation li a:focus {
	display: block ;
	line-height: 1em ;
	height: 37px;
	padding: 10px 0 ;
	background-image:url(images/onglet_hover.png);
	background-repeat: no-repeat;
	}
#navigation li a#active {
	display: block ;
	line-height: 1em ;
	height: 37px;
	padding: 10px 0 ;
	background-image:url(images/onglet_hover.png);
	background-repeat: no-repeat;
}

Apparement, c'est #navigation qui pose problème. Essaie avec
#navigation {
  margin:     0 -5px 0 0;
}
Ça marche chez moi avec Firebug...
Bonjour, j'ai moi aussi un problème de marge sur mon site https://flushskateboarding.com/
Tout d’abord je ne comprend pas pourquoi j'ai beaucoup de fichiers styles.css pour modifier mon site, qui ne sont même pas à la racine de mon thème enfant et donc impossible de la jouer les enquêteurs pour résoudre le problème de la marge blanche en bas du site et celui du bas plus celui du haut sur la version mobile.
J'ai besoin d'aide, merci