Décalage bloc div sous firefox

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Décalage bloc div sous firefox

par Berzemus » 23 janv. 2008, 14:59

wéé !!

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

par angebleu17 » 23 janv. 2008, 14:40

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

par Victor BRITO » 20 janv. 2008, 21:58

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

par AB » 20 janv. 2008, 21:33

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

par Victor BRITO » 20 janv. 2008, 18:04

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

par Berzemus » 16 janv. 2008, 17:52

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

par angebleu17 » 16 janv. 2008, 17:24

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 Victor BRITO » 15 janv. 2008, 11:18

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

par Berzemus » 15 janv. 2008, 10:56

"aïeul" pourrait bien donner aussi :mrgreen:

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

par AB » 14 janv. 2008, 21:53

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 :lol:

par Victor BRITO » 14 janv. 2008, 17:07

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

Décalage bloc div sous firefox

par angebleu17 » 14 janv. 2008, 16:55

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