28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Voici mon problème: une img, une div dessous, toutes les marges supprimées en CSS et IE me laisse une marge de 4px entre les deux. (j'ai testé que sous IE 7)

Voici mon code:

<img src="image.jpg" />
<div id="black">


Et le CSS:

html, body	{ margin:0; padding:0; }
#black		{ background-color: #000; padding: 0; margin: 0; height: 50px; }
img		{ padding:0; margin:0; }

Modifié par <nicolas> (19 Jan 2007 - 11:17)
Bonjour,

Il s'agit de l'alignement vertical de l'image sur la ligne de base du texte. Corriger avec vertical-align:middle, ou display:block sur l'image, par exemple.
Finalement j'ai trouvé le problème. Il venait d'un retour à la ligne dans le code...

Avec ce nouveau code ça fonctionne :

<img src="image.jpg" /><div id="black">

Ou sinon avec :

<div><img src="image.jpg" /></div>
<div id="black">

Merci quand même.

PS: Le display:block fonctionne aussi et c'est presque plus propre. Smiley cligne
Modifié par <nicolas> (19 Jan 2007 - 11:23)