28220 sujets

CSS et mise en forme, CSS3

bonjour a toutes et tous.

bon un problème bète mais qui me prend la tête en ce moment.
comment empiler des div (verticalement donc) sans espaces entre les differents elements ?

voila ce que je fais pour la partie css :

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.info_du_jour{
	width: 250px;
}

div.info_du_jour div.header{
	width: 220px;
	height: 15px;
	background-image: url(images/info_du_jour/header.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.info_du_jour div.body{
	width: 220px;
	height: 108px;
	background-image: url(images/info_du_jour/body.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.info_du_jour div.footer{
	width: 220px;
	height: 4px;
	background-image: url(images/info_du_jour/footer.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


et pour la partie HTML

	<div class="info_du_jour">
		<div class="header"></div>
		<div class="body"></div>
		<div class="footer"></div>
	</div>



resultat :
sous firefox pas d'espace verticaux Smiley biggrin
sous ie le premier à un espace vertical en dessous Smiley fache

Une idée ??????? je suis à la ramasse avec ces problèmes de compatibilité !
Modifié par dgsconseil (31 Oct 2005 - 16:49)
Administrateur
Hello dgsconseil et bienvenue ici Smiley cligne

Avant de te précipiter à poster ton problème, je tiens à te rappeler qu'il y'a un lien que tu aurais dû suivre (annonce "vous êtes nouveau ?") mais que tu ne l'as pas fait, vraissemblablement Smiley ohwell

Merci d'avoir la courtoisie de le faire.

En attendant, je vais avoir la courtoisie de t'orienter directement vers la solution à ta question : http://forum.alsacreations.com/faq/#item58

Bonne chance Smiley smile
un grand merci à toi ! c'est bien ca !
donc pour cloturer le post j'ai fais comme précisé dans la FAQ :

font-size: 1px;
line-height: 1px; 


PS : promis la prochaine fois je cherche de manière plus aprofondie et je lis les FAQ !