28173 sujets

CSS et mise en forme, CSS3

[Résolu] Alignement d'une image à droite : décrochement dans IE

Bonjour,

J'essaie de coller une image sur le bord droit de l'écran en CSS. Tout se passe bien avec Firefox avec un right: 0px, mais dans Internet Explorer j'observe une micro-marge d'un pixel, que je ne parviens pas à supprimer, quoi que je fasse (padding, margin etc.). J'ai écumé les forums et sites web, mais la plupart évoquent un problème d'alignement en bas, et non à droite.

Quelqu'un peut-il m'aiguiller pour résoudre ce problème ?

Merci beaucoup Smiley cligne

Mon code réduit à sa plus simple expression :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>Test</title>
	<style type="text/css">
	body {
		margin: 0px;
		padding: 0px;
	}
	
	#top {
		position: absolute;
		bottom: 21px;
		right: 0px;
		display: block;
		border-style: none;
	}
	
	#bottom {
		position: absolute;
		bottom: 0px;
		background-color: #000000;
		width: 100%;
		height: 21px;
	}
	</style>
</head>

<body>
	<img id="top" src="img.png" alt="Image" />
	<div id="bottom"></div>
</body>
</html>


Je joins une image de l'apparence dans IE. Dans Firefox la bordure noire est alignée.
upload/359-res-ie.png
Modifié par Thibault (28 Jul 2006 - 23:31)
Bonjour Thibault et bienvenue.

Je n'ai pas d'explication à la présence de cette bordure, mais tu peux peut-être t'en débarrasser avec un 
right: -1px;
appliqué par IE seulement via un commentaire conditionnel ...

Enfin quelqu'un qui inclut le doctype dans son "code réduit à sa plus simple expression", ça fait plaisir Smiley cligne
Certes j'ai pensé au right: -1px; mais c'est alors dans Firefox que ça sort de l'écran (ce qui est logique somme toute pour un navigateur respectueux des spécifications). Ce que tu appelles un "commentaire conditionnel", est-ce une sorte de hack ? C'est correct d'un point de vue sémantique CSS ?
My pleasure Smiley cligne

Dommage qu'on ne connaisse pas l'origine du problème ... comportement systématique de la part d'IE ou simplement bon vieux bug de derrière les fagots ?

HS : j'adore ton avatar ... ton pire cauchemaaaaaar Smiley lol
Modifié par Sopo (29 Jul 2006 - 00:20)
Sujet clos
Aller à