Discussion :

[mLk92]

Hi all

J'ai petit souci de positionnement de div imbriqué, je m'explique:

J'ai 1 Grand div appelé mainContainer (position relative), qui contient 2 div pageInfos et tabTriDim (tout les deux en position relative).

Dans le tabTriDim, j'ai 4 div en position absolute aligné en haut à gauche de leur conteneur. Mais voilà, Les 4 div passe sur le div pageInfos, ou bien il ne passe pas mais certain div en absolute disparait, et/ou en width 100% il crée des décalages..

Dans les div absolute, j'ai 2 d'entre eux qui ont un overflow, et j'aimerais bien que tout soit aligner :s

je vous joint le code:

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
.mainContainer{
	width: 100%;
	height: 100%; 
	overflow: auto; 
	background: white; 
	position: relative;
	margin-left: 0px;
}
 
.mainContainer .pageInfos{
	position: relative;
	border: 1px solid #2062B9;
	padding: 10px;
	text-align: left;
	font-size: 14px;
}
 
div.globalTriDim{
	position: relative;
	margin-top: 40px;
}
 
/***** Div en position absolute *******/
 
.titreLigneTop{
	width: 390px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	z-index: 3;
}
.titreLigne {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 1;
}
.titreColonne{
	width: 98.3%;
	height: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	position: absolute;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	left: 0px;
	top: 0px;
	z-index: 2;
}
.donnees {
	width: 98.4%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 0;
}

Voilà, si vous aviez une solution

Merci pour vos réponses !

[mLk92]

Bon j'ai à peu près résolu le problème..

J'ai rajouté une taille et une hauteur 100% à mon div globalTriDim qui contien les 4 div en absolute, et tout est aligner sur ie et ff.

Mais (et oui) mon mainContainer dispose d'un overscroll auto, au cas ou dans d'autre page il y aurait un dépassement, hors là je voudrais que ce scroll ne prenne pas le pas sur mes div contenant déja 2 overscroll. Parce que du coup j'ai 4 scroll collé et c'est ... Moche !

Normalement mes div sont en 100% donc je ne sais pas pourquoi il met scroll du mainContainer..