Un display:inline; perturbateur
bonjour,
j'ai un problème avec un display:inline; qui perturbe totalement ma mise en page et ne remplit pas son role.
le but étant de metre toutes les div collées les une au autre mais dès que j'applique le display:inline; sur la div principale celle-ci disparaît ( ça hauteur et largeur réduit a 0px ). cependant voici le résultat avec ces 2 screeenshoot:
voici le code source correspondant au css;
Code:
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
41
42
| .gSMenu{
left:181px;
top:-15px;
position:absolute;
z-index:5;
/*
background-color:#11D;
*/
}
.gSMenu .gSMenuC{
margin:10px 10px 10px 10px;
padding:3px 3px 3px 5px;
background-color:#FFF;
border:1px #ff8040 solid;
min-width:500px;
height:200px;
overflow-x:scroll;
position:relative;
display:inline;
}
.gSMenu .gSMflech{
top:10px;
left:1px;
z-index:6;
position:absolute;
height:50px;
width:10px;
}
.gSMenu .gSMflech i {
background-repeat: no-repeat;
display: inline-block;
z-index:7;
width:inherit;height:inherit;
background:url(img/flech.png);
}
.gSMenu .gSMenuC div{
overflow-y:auto;
float:left;
}
.gS2Menu {
visibility:hidden;
} |
merci d’avance pour votre aide ;)
