Discussion :

[rems033]

ReBonjour a tous, j'ai un nouveau probleme à vous soumettre...
voici l'apercu de la page concernée : http://www.gite-devoluy.com/new/index.php
Vous devez tout de suite remarquer un décalage sur les div...
Le seul probleme c'est que j'ai réglé tout mes margin et padding à 0 dans le CSS comme vous pouvez le voir!
Je vous remercie pour vos réponses :
CSS

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
#presse_1 {
 padding: 0px ;
 margin: 0px;
 width:602px;
 height: 86px ;
}
#luxe {
 padding: 0px ;
 margin: 0px;
 width:602px;
 height: 96px ;
}
#presse {
 padding: 0px ;
 margin: 0px;
 width:602px;
 height: 69px ;
}
#presse_2 {
 float:left ;
 padding: 0px ;
 margin: 0px;
 width:295px;
 height: 69px ;
}
#simplicite {
 float:left;
 padding: 0px ;
 margin: 0px;
 width:307px;
 height: 69px ;
 overflow:hidden;
}
#presse_3 {
 padding: 0px ;
 margin: 0px;
 width:602px;
 height: 79px ;
}

HTML :

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
 
   <? require "cadre_haut.php";?>
 
        <div id="image_centrale">
         <div id="presse_1">
             <a href="#"><img onmouseover="this.src='img/montageSur_01.jpg'" src="img/montage_01.jpg" onmouseout="this.src='img/montage_01.jpg'" border="0"></a>
            </div>
            <div id="luxe">
             <img src="img/montage_02.jpg" border="0">
            </div>
            <div id="presse">
             <div id="presse_2">
                 <a href="#"><img onmouseover="this.src='img/montageSur_03.jpg'" src="img/montage_03.jpg" onmouseout="this.src='img/montage_03.jpg'" border="0"></a>
                </div>
                <div id="simplicite">
                 <img src="img/montage_04.jpg" border="0">
                </div>
            </div>
            <div id="presse_3">
             <a href="#"><img onmouseover="this.src='img/montageSur_05.jpg'" src="img/montage_05.jpg" onmouseout="this.src='img/montage_05.jpg'" border="0"></a>
            </div>
        </div>
 
   <? require "cadre_bas.php";?>

Merci encore!

[Candygirl]

Vous devez tout de suite remarquer un décalage sur les div...

Merci de décrire clairement le problème et à quel niveau il se situe (on ne connait pas la présentation finale souhaitée nous), avec quel navigateur,...

[rems033]

Et bien en fait, si vous consultez l'URL fournie avec IE6/IE7, l'erreur saute aux yeux : on observe un decalage entre 2 bloc
D'ailleurs, lorsqu'on consulte à l'aide de FF, no soucy!

[Candygirl]

Et bien en fait, si vous consultez l'URL fournie avec IE6/IE7, l'erreur saute aux yeux : on observe un decalage entre 2 bloc
D'ailleurs, lorsqu'on consulte à l'aide de FF, no soucy!

La prochaine fois précise-le dans ton premier poste que le problème est sur IE ça évitera aux personnes qui veulent t'aider de perdre leur temps à regarder sur FF en cherchant où se situe le problème...

ça te saute peut-être aux yeux parce que tu sais ou se situe le problème ça ne coûte pas grand chose d'expliquer de quels blocs il s'agit, de quels éléments (img dans div,...) en plus ça te fait un bon exercice pour cerner le problème.

Lo compris ? (n'a plus de sens vu l'édition du message ci-dessus...)

Je dois peut-être te paraître limite hum... casse-pied, mais bien décrire son problème c'est le résoudre à moitié et franchement ta description est des plus lacunaires

[rems033]

en fait le probleme a lieu dans le div #simplicite avec l'image qui se trouve dedans et uniquement sur IE6/IE7
Je veillerai à poster plus clairement à l'avenir...
Désolé...
(Jme suis fait remonter les bretelles la!!!lol)

[Candygirl]

En fait le problème n'est pas dans simplicité mais dans luxe. Tu t'en serais aperçu en donnant une couleur de fond à tes 2 div respectifs

En ce sens un petit:

Code :

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

1
2
3
4
 
#luxe img {
	display:block;
}

ou encore

Code :

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

1
2
3
#luxe {
  overflow:hidden;
}

devraient faire l'affaire pour supprimer l'espace laisser pour les lettres avec jambages.

En passant, je m'interroge sur ta découpe qui avait peut-être un sens pour un montage en tableaux mais qui devrait être revue pour un montage en css...