positionnement de 2 div : IE7 / MF

**akara** · 06/03/2009, 10h10

Bonjour,
j'ai "créé" 2 div avec css suivant :

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
 
////// css
#rep{
float:left;
width: 370px;
}
 
#pres{
width: 370px;
}
 
//////html
 
<div id="rep"> .......</div>
<div id="pres"> .......</div>

le problème c'est que sur mozilla, l'affichage est correcte mais ur ie7 la deuxième div reste en dessous au lieu à left

**Macmillenium** · 06/03/2009, 10h44

Bonjour,

Soit tu ajoutes un margin-left:370px à #pres soit tu le fotte.

**pop_up** · 06/03/2009, 10h46

C'est bizarre, j'ai testé et ça marche non ?

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
23
24
25
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>test (X)HTML et CSS</title>
    <style type="text/css">
#rep{
float:left;
width: 370px;
background: red;
}
 
#pres{
width: 370px;
background: blue;
}
     </style>
</head>
<body>
<div id="rep"> ..ssdf sd fsdf sdf sd fsd fsd fsdf sdf .....</div>
<div id="pres"> ....sdf sd fsdf sd fsd fsd fsdd df ...</div>
 
</body>
</html>

Sous IE7 et firefox, ils se mettent bien l'un a coté de l'autre.

Sinon, essaye ce que te dit Macmillenium

**HiRoN** · 06/03/2009, 10h47

Salut,

As-tu tenté en rajoutant un margin-left:370px; à #pres ?
( ou tu peux tenter en le mettant lui aussi en float:left; )

Edit : Devancé...

**akara** · 06/03/2009, 10h50

yessizcotess !

comment ai-je pu ne pas penser à ça !
en plus avant j'ai utilisé le "margin-left" pour une image avec un texte à côté,
je crois que je devrais prendre un médicament 1000mg

Merci Merci Merci pour cet piqure

positionnement de 2 div : IE7 / MF

Positionnement en CSS

Discussions similaires

Partager

Partager