Bonjour,
Après avoir parcouru le net, acheté le livre de monsieur Goetter (acheté exprès pour essayer de remédier à mon problème), et finalement être tombé sur l'article de Laurent Denis sur blog & blues, j'ai enfin trouvé comment faire 3 colonnes de hauteur identique, sans passer par une astuce de background-color.
Du coup, avant de modifier tout le css de mon site, je me fais une petite page vite fait pour tester, tout fonctionne à merveille, je me dis "enfin, après tout ce temps".
Bref, je recode direct le css (et html aussi, histoire d'ordre des div) de mon site, j'upload, et là j'ai plein de décalages...
je vérifie que ce ne soit pas les margin ou padding, non.
je vérifie que je n'ai pas modifié la largeur des colonnes sans faire exprès, non.
j'essaye de faire le décalage inverse (qui normalement aurait du superposer les colonnes) pour que les colonnes soient collées entre elles, mais ça ne marche pas.
Conclusion, ça me désespère, j'ai remis mon css comme avant, donc je peux pas vous montrer réellement à quoi ressemble ce décalage, j'ai passé toute la nuit dessus, j'ai pas le courage de remettre le code.
En revanche, j'ai ma page "test" où vous pouvez voir le code que j'utilise pour obtenir ces 3 colonnes de hauteur identique.
http://www.peace-rasta.com/test1.php
(le site normal est tout simplement sur index.php à la place de test1.php)
Bon voilà, sincérement je ne pense pas avoir fait d'erreur bête, d'oublie ou autre qui puisse faire bugger mon css.
Si quelqu'un à la bonne volonté de jeter un oeil sur pourquoi ça pourrait bugger, je lui serais très reconnaissant.
Personnellement j'en suis arrivé à la conclusion qu'on ne peut pas utiliser cette technique avec des images en background.
C'est la seule chose qui diffère entre mon code css de test (background-color) et mon css normal (background-image)
Merci bien
Rasta
NB: ah oui, je n'ai pas non plus de border dans le css de mon site, mais j'ai essayé d'en rajouter ça marche pas non plus, donc ya vraiment que les images en background qui peuvent me faire tout foirer :s
Vous pensez que les background-image, dans des <div> display: table; , peuvent prendre des margin ?
(en fait c'est la colonne du milieu qui qui se décale d'environ 10px sur la droite, laissant apparaitre la couleur de fond de la colonne de gauche qui est normalement cachée par l'image de fond de cette meme colonne de gauche)
pfff je m'explique mal, vais aller dormir...
ça m'aidera peut etre à trouver une autre solution pour avoir une hauteur extensible des 3 colonnes.
edit: je suis sous firefox derniere version, et ça m'est égal que ça s'affiche mal sur les autres navigateurs, ce n'est pas un site destiné à attirer les gens, c'est seulement pour moi, pour apprendre le php
Modifié par Rasta (28 May 2007 - 02:36)
Après avoir parcouru le net, acheté le livre de monsieur Goetter (acheté exprès pour essayer de remédier à mon problème), et finalement être tombé sur l'article de Laurent Denis sur blog & blues, j'ai enfin trouvé comment faire 3 colonnes de hauteur identique, sans passer par une astuce de background-color.
Du coup, avant de modifier tout le css de mon site, je me fais une petite page vite fait pour tester, tout fonctionne à merveille, je me dis "enfin, après tout ce temps".
Bref, je recode direct le css (et html aussi, histoire d'ordre des div) de mon site, j'upload, et là j'ai plein de décalages...
je vérifie que ce ne soit pas les margin ou padding, non.
je vérifie que je n'ai pas modifié la largeur des colonnes sans faire exprès, non.
j'essaye de faire le décalage inverse (qui normalement aurait du superposer les colonnes) pour que les colonnes soient collées entre elles, mais ça ne marche pas.
Conclusion, ça me désespère, j'ai remis mon css comme avant, donc je peux pas vous montrer réellement à quoi ressemble ce décalage, j'ai passé toute la nuit dessus, j'ai pas le courage de remettre le code.
En revanche, j'ai ma page "test" où vous pouvez voir le code que j'utilise pour obtenir ces 3 colonnes de hauteur identique.
http://www.peace-rasta.com/test1.php
(le site normal est tout simplement sur index.php à la place de test1.php)
Bon voilà, sincérement je ne pense pas avoir fait d'erreur bête, d'oublie ou autre qui puisse faire bugger mon css.
Si quelqu'un à la bonne volonté de jeter un oeil sur pourquoi ça pourrait bugger, je lui serais très reconnaissant.
Personnellement j'en suis arrivé à la conclusion qu'on ne peut pas utiliser cette technique avec des images en background.
C'est la seule chose qui diffère entre mon code css de test (background-color) et mon css normal (background-image)
Merci bien
Rasta
NB: ah oui, je n'ai pas non plus de border dans le css de mon site, mais j'ai essayé d'en rajouter ça marche pas non plus, donc ya vraiment que les images en background qui peuvent me faire tout foirer :s
Vous pensez que les background-image, dans des <div> display: table; , peuvent prendre des margin ?
(en fait c'est la colonne du milieu qui qui se décale d'environ 10px sur la droite, laissant apparaitre la couleur de fond de la colonne de gauche qui est normalement cachée par l'image de fond de cette meme colonne de gauche)
pfff je m'explique mal, vais aller dormir...
ça m'aidera peut etre à trouver une autre solution pour avoir une hauteur extensible des 3 colonnes.
edit: je suis sous firefox derniere version, et ça m'est égal que ça s'affiche mal sur les autres navigateurs, ce n'est pas un site destiné à attirer les gens, c'est seulement pour moi, pour apprendre le php
Modifié par Rasta (28 May 2007 - 02:36)
