Discussion :

[tintin72]

Bonjour,

J'ai un problème de positionnement de div avec Chrome.
Voici mon code (simplifié):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#global {
  overflow: hidden;
  width: 900px;
}
 
#left {
  float: left;
  width: 95px;
}
 
#center {
  width: 300px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
 
#right {
  width: 455px;
  float: left;
  border: 1px solid black;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="global">
 
<div id="left">
 ...
</div>
 
 
<div id="center">
 ...
</div>
 
<div id="right">
 ...
</div>
 
</div>

Sous IE et FF tout s'affiche correctement (les 3 divs sont
côte à côte).
Par contre sous Chrome, le div "right" se positionne en dessous des 2 autres.

Quelqu'un aurait une idée ?

Merci

[Macmillenium]

Montre ton code HTML/CSS complet (ou une page en ligne), s'il te plait.

[tintin72]

Voilà:

http://www.littlemarc.info/littlemarc/

[devyan]

Bonjour,

882 de 900 reste 18pixels donc à moins que Chrome mette sur les DIV des paddings et/ou margins par défaut cela devrait rentrer...


devyan

[tintin72]

Ben oui mais apparemment ça rentre pas.
J'ai bien sûr testé en réduisant la taille des divs mais c'est idem.

Une idée ?

[patatort]

Bonjour

Et en ajoutant un width:800px; sur la div#content ça donnerait quoi ?

[pop_up]

as tu remarqué que sous chrome, ton dic#content ne va pas jusqu'a l'extremité droite de ton site ?

En enlevant le margin-left:95px OU overflow:hidden de celui-ci dans l'outil de debug de chrome, ça remet en place la chose

[tintin72]

En enlevant le margin-left:95px

Bien vu
En effet c'est assez logique.
Ce margin left est un résidu d'un ancien pattern, c'est drôle que ça passe sur IE et FF.