Comment éliminer les espaces entre les blocsRésolu/Fermé

Question

Bonjour, je debute dans le developpement web avec l'HTML5/CSS3, j'ai un problème avec ce simple code par exemple..

Mon problème est que j'ai des espaces entre le Header et le Footer même en appliquant le margin: 0 auto; dans la feuille de style. Et j'ai remarqué que cet espace n'y est plus en utilisant un bordure pour le header par exemple. Alors si quelqu'un peut me guider un peu, je serai très reconnaissant. Merci d'avance. Configuration: Windows 7 / Chrome 29.0.1547.66

telliak · Answer

Salut,
Commençons par le début, par exemple : https://openclassrooms.com/fr/courses

duweb · Answer

en mettant le contenu du fichier css, on pourra peut-être se faire une idée ...

toshiro213 · Answer

salut,
voilà par exemple le code css

.body{
	width: 950px;
	margin: 0 auto;
	background: green;
}

.mainHeader {
	background: blue;
	margin: 0;
}

.mainFooter{
	background: red;
	margin 0 auto;	
}

en ajoutant un simple " border: 1px solid black; " à la class mainFooter y'aura plus d'espace entre les deux blocs !! 
si vous avez une solution pour ça, parce que je ne veux pas utiliser les bordure. et s'il y a une explication aussi ça m'aidera beaucoup.

Merci

duweb · Answer

en fait c'est la balise <P> qui a un margin par défaut. Si tu le met à 0 c'est bon.

Par contre ta structure est à revoir. lire le manuel html5 que je ne vais évidemment pas réécrire ici.

de plus c'est inutile de créer un class css pour les éléments de structure. par exemple pour body tu peux écrire (c'est valable pour tous les éléments html):
body{ 
width: 950px; 
margin: 0 auto; 
background: green; 
} 
évidemment pour un style particulier il faut créer une classe

Comment éliminer les espaces entre les blocs

4 réponses

Discussions similaires

Newsletters