Forum d'entraide PHPFrance

Bonjour,

Sur mon site, j'ai plusieurs bloc div, un pour le menu, un second pour les pub et le dernier qui est la page principale.

Voici le code du bloc principale :

Code : Tout sélectionner


div#principale
{
      	width: 594px;
      	height: 613px;
      	overflow: auto;
      	border: 1px dashed #c0c0c0;
      	position: absolute;
      	top: 380px;
      	left: 499px;
  			
  	background-image:url(images/welcome.jpg);
      	background-attachment: fixed;
}

Sous IE cela s'affiche correctement, mais sous firefox le bloc div principal est décalé vers le bas. Pourtant les autres blocs ne sont pas décalé ni sous IE ni sous firefox, et c'est exactement le même code a part les position top et left qui change.

J'aimerais savoir ce qu'il faut modifier ou rajouter dans mon code pour que le bloc principale ne soit pas décalé sous firefox !

Merci d'avance pour vos réponses

Vu que tu utilises le positionnement absolu pour ton div, quel est le plus proche ancêtre positionné, s'il y en a un ?

Vu que tu utilises le positionnement absolu pour ton div, quel est le plus proche ancêtre positionné, s'il y en a un ?

Je suppose que tu n'es pas "parent" sinon tu choisirais peut-être un autre vocabulaire

"aïeul" pourrait bien donner aussi

"Géniteur" serait pousser le bouchon un peu loin, maurice..

Heureusement que je n'ai pas parlé d'éléments frères... !

Voici les autres bloc div :

Code : Tout sélectionner

div#pubhaut
{
      	width: 594px;
      	height: 62px;
      	overflow: none;
      	border: 1px dashed #c0c0c0;
      	position: absolute;
      	top: 319px;
      	left: 499px;
  	  	
  	background-image:url(images/welcome.jpg);
      	background-attachment: fixed;

}

div#menugauche
{
      	width: 170px;
      	height: 675px;
      	overflow: auto;
      	border: 1px dashed #c0c0c0;
      	position: absolute;
      	top: 319px;
      	left: 330px;
  			
                background-image:url(images/welcome.jpg);
      	background-attachment: fixed;
}

Le décalage n'est que sur le bloc principale.

Par défaut, pour un tel souci, je mets toujours ceci au début de chaque style (pour div, html et body):

Code : Tout sélectionner

margin:0;padding:0;left:0;top:0;

ça résouds déjà pas mal

Pour l'élément div, c'est une précaution inutile puisque cet élément ne comporte pas de marges par défaut.

Par contre j'ajoute systématiquement p à cette liste d'autant que les valeurs par défaut ne sont pas identiques suivant les navigateurs.

Toujours est-il qu'il faut éviter de tomber dans le piège du reset CSS.

En mettant :

Code : Tout sélectionner

margin:0;padding:0;left:0;top:0;

dans mes div, il n'y a plus de décalage entre IE et firefox

wéé !!

peu importe le flacon, tant qu'on y met du css..

Forum d'entraide PHPFrance

Décalage bloc div sous firefox

Décalage bloc div sous firefox