Discussion :

[leejunfan]

Bonjour, j'ai un petit soucis avec ie6 que je dois pourtant certifier (le site s'affiche bien dans ie7 et firefox)

Voila mon problème :

J'ai une page divisé en trois colonnes, celle de gauche (div id="gauche"), (float: left ) contient une autre div avec un contenu. Et bien cette balise et ce contenu s'affiche en bas de ma page au lieu d'être calé sur ma div #gauche en haut.

J'essaye déséspérement d'ajouter des attributs css (top:0px; margin-bottom:100%)mais rien n'y fait.

Avez vous rencontré ce genre de problème et avez vous une solution ?

[snipes]

salut
j'ai également un soucis de design sous ie6 (marche nickel sous FF et ie7)
Au départ j'avais exactement le même problème (cependant c'était ma div du milieu qui était tout en bas.Ma page est divisé en 3 zones , haut , gauche et milieu):
- solution : j'ai ajusté la taille de la div du milieu en jouant sur la largeur et tout est remonté

Par contre je me retrouve avec un petit décalage dans le contenu de ma div Haut et avec un espace assez important entre la div Haut et Milieu....problème qui n'apparait pas avec les autres navigateurs !

[Erwan31]

Bonjour,
sans le code difficile à dire.

[leejunfan]

Voici le code de mon positionnement 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
 
/* --------- BLOCS --------- */
 
#conteneur {
position: relative;
width: 958px;
margin: 0 auto;
padding:0 6px 0 6px;
background: url(img/bg-contenu2.gif) repeat-y;
border-top:6px solid #4998D0;
border-bottom:6px solid #4998D0;
}			
 
#contenu {width:781px; float:left; margin:0 2px 0 0; padding:0;}
 
#gauche {width:177px; float:left; margin:0; margin-top:0px; padding:0; background:transparent;}
 
#centre {width:580px; float:right; margin:0; padding:12px; background:transparent;}			
 
#droite {width:175px; float:left; margin:0; padding:0; background:transparent;}

Le contenu de gauche passe après le contenu de centre, en bas a gauche

[leejunfan]

Résolu, après déplacement des zones dans la page xhtml et :

Code :

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

1
2
 
#centre {width:580px; float:right; clear:right; margin:0; padding:12px; background:transparent;}

[Erwan31]

Il faut la totalité du code (x)HTML aussi