28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'expose mon problème : je veux mettre une image dans une <div>, et que l'image déborde sur le bas.

Sous FireFox, pas de problème, l'image déborde et la div garde les proportions que j'ai fixé.

Sous IE, la div s'aggrandit pour englober toute l'image et fout en l'air le reste de ma mise en page... Comment est il possible de faire en sorte que IE n'agrandisse pas la div ? J'ai testé toutes les options de 'overflow' mais sans résultats... Smiley sweatdrop
Modifié par Maat8 (09 Mar 2006 - 14:54)
Si j'ai bien compris le problème, ceci devrait fonctionner :
Code HTML
<div id="image"><img src="tonImage.jpg" alt="" /></div>

Code CSS
#image {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
Tu dois pouvoir obtenir le même résultat en positionnant ton image en absolu et en ajustant les padding et marge inférieurs du conteneur pour obtenir l'effet désiré.
Modifié par Lanza (10 Mar 2006 - 13:11)