Discussion :

[Clorish]

Bon me voila de retour avec un nouveau probleme
J'ai beau chercher sur le net j'arrive pas a trouver ce qu'il me faut. Il y a tellement d'erreur de compatibilitee IE/FF que du coup ca retourne tout et n'importe quoi

Voila ma question : comment alligner un bloc en hauteur a 100% du bloc parent sachant que :

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
 
 #bloc_parent {
 position : relative;
 width : 800px;
 margin : auto;
 height : 400px;
 background : #FFFF00;
 }
 
 #bloc _enfant_1{
 position : relatif;
 width : 300px;
 float : left;
 height : 200px;
 background : #00FFFF;
 }
 
 #bloc_enfant_2 {
 position : absolute;
 width : 100%;
 height : 100%;
 background : #FF00FF;
 }

Mon probleme c'est que bloc_parent est bien etiré en fonction de la taille de bloc_enfant_1, mais bloc_enfant_2 lui a une hauteur d'environ 15px mais ne s'etire pas jusqu'en bas de bloc_parent.

J'y arrive sous FF/IE7 mais pas IE6.
Si je specifie une taille fixe pour bloc_parent ca marche mais seulement de la hauteur defini dans #bloc_parent, meme si il est etiré plus bas par bloc_enfant_1 ...

Ca me rends fou ces problemes de compatibilites ....
Quand est-ce qu'on se decidera a jeter IE definitivement a la poubelle !!

[Dan_A]

La méthode se nomme colonnes factices si je comprends bien.
http://www.developpez.net/forums/sho...d.php?t=362189

[petchos]

oui satanée IE

[Clorish]

oki je vais voir ce systeme de colonne factices mais pour le moment j'avais resolu le pbs en imbriquand des divs. Mais ca limite un peu la mise en page .. donc je vais voir si ca me convient mieux.

sinon je crois que mon probleme est plus base sur une incomprehension de la gestion du positionnement des divs.
J'ai lancé un thread dessus. On va voir si ca m'apporte quelque chose, auquel cas je viendrais clore ce thread