Top et Firefox

Bonjour,

je me suis inspiré des modèles proposé par Alsacréation, avec un "container". Je souhaite que ce "conteneur" soit collé tout en haut de ma page web.

le code de mon id conteneur est le suivant :

#conteneur {
	position: absolute;
	top:0px;
	width: 820px;
	height:100%;
	left: 50%;
	margin-left: -400px;
}

avec IE6, le conteneur est bien collé au sommet de la page, mais pas avec Firefox.

J'ai même essayé d'ajouter dans la balise Body les éléments suivants :

body {
height:100%;
margin:0px;
padding:0px;
}

mais sans succès.

J'avoue, j'ai lu pas mal de choses sur le site, mais je n'ai pas réussi à résoudre ce problème. Pourriez-vous m'aider ? Merci beaucoup.

Eric

L'élément a aussi des marges, en tout cas sur certains navigateurs.

Donc:

html, body  { margin:0; padding:0; }

((Sauf erreur, pour être précis, le html a par défaut une marge externe (margin) mais qui se comporte comme un padding.))

Désolé, mais cela ne change rien.

elm31rugby a écrit :
Bonjour,

je me suis inspiré des modèles proposé par Alsacréation,

AlsacréationSSSSSS !


Au fait, que contient ton conteneur ?
S'il s'agit d'un élément de titre ou d'un autre élément qui possède des marges hautes par défaut, le problème vient sans-doute d'une fusion de marges.
http://web.covertprestige.info/test/04-blocs-imbriques-et-fusion-des-marges.html

Bonjour Raphael,

Dans mon conteneur, j'ai d'autres div; la première est la suivante :

#menu {
	height: 50px;
	width: 820px;
	margin:0px;
	list-style-type:none;
	text-align:right;
	background-color: #003300;
}

et dans ma page, le code est le suivant :

<div id="conteneur">
<div id="menu">
<ul>
<li>Présentation</li>
<li>Diplomes</li>
<li>Services hôteliers</li>
<li>Restauration</li>
<li>Anciennes - Amis</li>
<li>Partenaires</li>
<li>Contact</li>
<li>Vie à l'école</li>
</ul>

</div>
(...)
</div>

Merci
Eric

Effectivement, cela a l'air d'être lié à ce qui se trouve dans le conteneur; j'ai refais une page avec seulement le conteneur et du texte, et tout est bien positionné.

Merci pour l'idée.

Eric

Oui, c'est <ul> qui "pousse" ton conteneur en raison de ses marges par défaut