Discussion :

[Blast Killer]

Bonjour à tous.

Je suis actuellement en train de coder la structure du site :
http://asig45.free.fr/no/index.html

et sa fait 2 jours que je me prend la tete sur ces problemes :
- taille minimum pour une div sous IE (min-height non pris en compte)
- débordement de 1 ou 2 px pour les div (height:100%) des 2 cotés (sous ff)
- hauteur div enfant (en position absolute) égale à la hauteur de la div parent (en position relative) sous ie6

Bref le site sous FF est presque parfait, mais sous ie6, ce n'est pas ça du tout.

J'éspère que mes problèmes sont clair, sinon hésitez pas à poser des questions.

Merci beaucoup à tous pour ceux qui prendront le temps de m'aider !

[Bisûnûrs]

- taille minimum pour une div sous IE (min-height non pris en compte)

Sur IE6, le height est interprété comme un min-height. Il te suffit donc de mettre dans une feuille de style pour IE6 intégrée à l'aide de commentaires conditionnels un height sur ton élément.

- débordement de 1 ou 2 px pour les div (height:100%) des 2 cotés (sous ff)

C'est dû à tes bordures. Tu mets une hauteur de 100%, sauf que tes bordures s'ajoutent en plus à cette hauteur.

- hauteur div enfant (en position absolute) égale à la hauteur de la div parent (en position relative) sous ie6

J'ai pas compris ...

[Blast Killer]

Merci pour ton pour mes 2 premiers problèmes.

Il n'y a pas de solution pour éviter le débordement de la bordure ? pour qu'elle soit à l'interieur de la div parent ?

Mon 3ieme problème c'est que :
-J'ai une div en position relative qui contient 3 autres div,
-Parmis ces 3 div, 2 sont en position absolute, une à gauche et une à droite, avec un height de 100%
-La div centrale reste en position "normale".
Sous Firefox, si la div centrale augmente en hauteur, la hauteur des div latérales augmentent aussi. Mais sous IE6 ceci ne fonctionne pas.

Une idée ? je désespère...

[Bisûnûrs]

Il n'y a pas de solution pour éviter le débordement de la bordure ? pour qu'elle soit à l'interieur de la div parent ?

Pas vraiment, surtout que tu utilises un position:absolute, donc tes deux colonnes latérales sont hors flux => le parent ne s'agrandit pas en fonction de leur hauteur.

A priori, tu peux enlever totalement les bordures de ces éléments, sauf s'il y a un certain rendu que tu veux avoir et que je n'ai pas saisi.

Mon 3ieme problème c'est que :
-J'ai une div en position relative qui contient 3 autres div,
-Parmis ces 3 div, 2 sont en position absolute, une à gauche et une à droite, avec un height de 100%
-La div centrale reste en position "normale".
Sous Firefox, si la div centrale augmente en hauteur, la hauteur des div latérales augmentent aussi. Mais sous IE6 ceci ne fonctionne pas.

Une idée ? je désespère...

Le height:100% que tu as sur tes div en position:absolute cherche une valeur height à son élément parent pour pouvoir connaitre la valeur exacte de ce height. Or, son élément parent #main n'a aucune hauteur définie. Tu peux en rajouter une pour IE6 toujours, avec pour valeur 520px.

[Blast Killer]

J'ai défini des tailles pour IE6, mais j'en suis toujours à mon problème de départ :
Si la hauteur de la div centrale augmente, les hauteurs des div latérales ne suivent pas, elles resteront à la hauteur de la div qui englobent les div.

[Bisûnûrs]

J'ai défini des tailles pour IE6, mais j'en suis toujours à mon problème de départ :
Si la hauteur de la div centrale augmente, les hauteurs des div latérales ne suivent pas, elles resteront à la hauteur de la div qui englobent les div.

Comment c'est possible vu que ta div centrale est elle-même contenu dans le div main ? Donc si la div centrale s'agrandit, ça agrandit la div main qui agrandit les div latérales.