28173 sujets

CSS et mise en forme, CSS3

J'ai mis un background image à mon body:
html, body {
	margin: 0;
	padding: 0;
	border: 0;
background-image: url(bkgrnd.gif);
	background-position: center;
	background-repeat: repeat-y
	}


Celui-ci fait 800px de large.

J'ai une balise div de contenu qui en fait 768:
#page {
	position: absolute;
	left: 50%;
	text-align: left;
	margin-left: -384px;
	width: 768px;}


Sur firefox, aucun problème, tout est bien aligné. Sur IE, il y a un décalage de 1px !

Est-ce un problème connu?

J'ai trouvé une parade ainsi:
#page {
	position: absolute;
	left: 50%;
	text-align: left;
	margin-left: -383px;
	width: 768px;
	}
html>body #page {
	margin-left: -384px;
	}


Ca fonctionne mais bon, c'est peut-être pas le plus propre que je puisse faire???

D'avance merci et salutations à tous.

David

p.s. voici l'image si jamais:
upload/5368-bkgrnd.gif
Modifié par maskangel (06 Mar 2006 - 14:46)
Bonjour Smiley smile

On peut voir dans quel contexte tu utilises ce background ?

Le mieux est de jouer sur l'image si c'est possible...