Bordure qui décale tout.

Bonjour,

Je travaille actuellement sur la seconde version de mon petit site internet et je tombe déjà sur os que je ne comprends pas. J'ai simplement enregistré avec firefox, pour vous présenter le problème :
- http://widjoo.com/2.0/1.htm
- http://widjoo.com/2.0/2.htm

Comme vous pouvez le remarquer, dans la seconde version, l'image est totalement décalée alors que la seule modification est la suppression d'une bordure :

#container {
	background-color: #ffffff;
	background-image: url(../back2.png);
	background-position: right;
	background-repeat: repeat-y;
	[b]border-top: 1px solid #ffffff;[/b]
	border-bottom: 1px solid #333333;
	text-align: justify
}

En quoi une bordure de un pixel, que je souhaite supprimer, peut-elle avoir une aussi grande influence sur l'affichage ?

Merci d'avance.

Il me semble qu'une bordure empêche la "fusion des marges", en tout cas, j'ai déjà eu ce genres de problème.
Du coup, si tu avais utilisé cette bordure pour te repérer, il vaut mieux utiliser "web developper", si tu es sur firefox.
Ceci dit, je vois pas où cette bordure a été enlevée. Et de toute façon, je suis un newbee... lol

Olivier

OlivierC33 a écrit :
Il me semble qu'une bordure empêche la "fusion des marges"

Tout à fait. Ce n'est pas la solution la plus élégante pour y arriver, mais de fait, c'est une des bidouilles possibles. C'est d'ailleurs bien possible que tu rencontres ce problème, Gaylord. J'ai regardé vite vite (le bolo est prêt ), mais il semblerait que le premier enfant dans le flux de ton conteneur bénéficie d'une marge supérieure qui serait dès lors transférée à son parent.

Salut,

+1 pour la fusion des marges, une solution :

	overflow: auto;

a ton bloc container.

ps : un souci, il manque ':' à la déclaration:

#menu ul#menu_ul_bottom li a {

	color: #0099ff;

	border-bottom 2px solid #0099ff

}