Bonjour à tous,
je fais plutôt partie de ceux qui n'aiment pas les mises en pages à base de
tableau.
Je n'utilise plus les tables depuis longtemps sauf dans un domaine, où je
n'ai pas trouvé de solution css2 qui me satisfasse : 3 colonnes avec bas de
page.
Stop ! Prière de lire jusqu'au bout avant de réagir ;-)
J'avais repris ce qui avait été fait dans
http://www.fu2k.org/alex/css/layouts/3Col_OrderedAbsolute.mhtml
en me disant, "Aaah, enfin une présentations css 3 colonnes avec un bas de
page qui tient la route", j'ai donc fait
http://collectours.free.fr/css3col_1grande.htm
Formidable en apparence, sauf que cela impose de connaître à l'avance
laquelle des 3 colonnes dispose du contenu le plus haut pour qu'elle ne
soit pas en position absolute, et donc pas sortie du flux
Ainsi c'est elle qui "poussera" le pied de page.
* Pas de chance : dans le cas d'un site dynamique (notamment à base de
templates) où on ne sait pas à l'avance laquelle des 3 colonnes est la plus
haute, si c'est colonne1 ou colonne2 qui devient plus haute, ça ne
fonctionnera plus car elle viendra recouvrir le pied de page comme dans
http://collectours.free.fr/css3col_2grande.htm
* Tests réalisés avec
mozilla 1.4 linux,
Konqueror 3.0,
ie5.5 win
ie5.01 mac.
Noter que pour que cela fonctionne bien avec ie5.5win, il faut que colonne 2
apparaisse en premier dans l'ordre du document.
la reproductibilité complète sur les autres navs/plateforme faisant partie
du niveau de jeu suivant ;-)
Evidemment, une solution avec des display:table ou table-cell n'est pas
autorisée, car elle disqualifie l'utilisation avec ie 5.5
Si quelqu'un dispose d'une solution css testée qui n'impose pas de connaître
à l'avance laquelle des 3 colonnes est la plus haute, alors il m'aura
convaincu que l'on peut laisser tomber définitivement les tables.
Cordialement
Pascal
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Emmanuel Florac
Dans article <3fa7b85e$0$24831$, disait...
* Soit on bidouille avec des float, et dans ce cas on est obligé d'imposer une largeur fixe au contenu central. La pire c'est qu'on obtient le bon résultat très simplement avec un tableau à 3 colonnes, et 2 divs pour le header et le footer. * Entendons nous bien : Je précise que j'admire le boulot fait dans les sites bluerobot et autres zen garden. Je reste bien sur ouvert à une véritable démonstration css2 pour cette problématique.
Je te suis à 100%, car j'ai exactement le même problème...
-- Quis, quid, ubi, quibus auxiliis, cur, quomodo, quando?
Dans article <3fa7b85e$0$24831$79c14f64@nan-newsreader-02.noos.net>,
collectours_removethis@free.fr disait...
* Soit on bidouille avec des float, et dans ce cas on est obligé d'imposer
une largeur fixe au contenu central.
La pire c'est qu'on obtient le bon résultat très simplement avec un tableau
à 3 colonnes, et 2 divs pour le header et le footer.
* Entendons nous bien : Je précise que j'admire le boulot fait dans les
sites bluerobot et autres zen garden.
Je reste bien sur ouvert à une véritable démonstration css2 pour cette
problématique.
Je te suis à 100%, car j'ai exactement le même problème...
--
Quis, quid, ubi, quibus auxiliis, cur, quomodo, quando?
* Soit on bidouille avec des float, et dans ce cas on est obligé d'imposer une largeur fixe au contenu central. La pire c'est qu'on obtient le bon résultat très simplement avec un tableau à 3 colonnes, et 2 divs pour le header et le footer. * Entendons nous bien : Je précise que j'admire le boulot fait dans les sites bluerobot et autres zen garden. Je reste bien sur ouvert à une véritable démonstration css2 pour cette problématique.
Je te suis à 100%, car j'ai exactement le même problème...
-- Quis, quid, ubi, quibus auxiliis, cur, quomodo, quando?
Dedalus
En utilisant les mêmes trucs que toi, j'y arrive en m'assurant que le contenu de la mention légale est de la même largeur que la colonne du milieu et avec la même couleur en arrière-plan du coup la superposition est invisible! Exemple là: www.emmgym.tk! Mais c'est limité dès que les couleurs des blocs sont distinctes on voit les boîtes qui se superposent.
-- www.emmgym.tk Quand Windaube plante c'est parce que Wanadaube marche bien, et quand Wanadaube est en panne devinez quoi?
En utilisant les mêmes trucs que toi, j'y arrive en m'assurant que le contenu de la
mention légale est de la même largeur que la colonne du milieu et avec la même couleur en
arrière-plan du coup la superposition est invisible!
Exemple là: www.emmgym.tk!
Mais c'est limité dès que les couleurs des blocs sont distinctes on voit les boîtes qui
se superposent.
--
www.emmgym.tk
Quand Windaube plante c'est parce que Wanadaube marche bien, et quand Wanadaube est en
panne devinez quoi?
En utilisant les mêmes trucs que toi, j'y arrive en m'assurant que le contenu de la mention légale est de la même largeur que la colonne du milieu et avec la même couleur en arrière-plan du coup la superposition est invisible! Exemple là: www.emmgym.tk! Mais c'est limité dès que les couleurs des blocs sont distinctes on voit les boîtes qui se superposent.
-- www.emmgym.tk Quand Windaube plante c'est parce que Wanadaube marche bien, et quand Wanadaube est en panne devinez quoi?
Christophe
Emmanuel Florac wrote:
Dans article <3fa7b85e$0$24831$, disait...
* Soit on bidouille avec des float, et dans ce cas on est obligé d'imposer une largeur fixe au contenu central. La pire c'est qu'on obtient le bon résultat très simplement avec un tableau à 3 colonnes, et 2 divs pour le header et le footer. * Entendons nous bien : Je précise que j'admire le boulot fait dans les sites bluerobot et autres zen garden. Je reste bien sur ouvert à une véritable démonstration css2 pour cette problématique.
Je te suis à 100%, car j'ai exactement le même problème...
http://batraciens.net/ "BATRACIENS" : Un site consacré à l'élevage et à la maintenance des batraciens, aquatiques ou terrestres. Nombreuses Photos et articles de maintenance. Petites annonces. ____________________________________________________________________ ____________________________________________________________________
Emmanuel Florac wrote:
Dans article <3fa7b85e$0$24831$79c14f64@nan-newsreader-02.noos.net>,
collectours_removethis@free.fr disait...
* Soit on bidouille avec des float, et dans ce cas on est obligé d'imposer
une largeur fixe au contenu central.
La pire c'est qu'on obtient le bon résultat très simplement avec un tableau
à 3 colonnes, et 2 divs pour le header et le footer.
* Entendons nous bien : Je précise que j'admire le boulot fait dans les
sites bluerobot et autres zen garden.
Je reste bien sur ouvert à une véritable démonstration css2 pour cette
problématique.
Je te suis à 100%, car j'ai exactement le même problème...
http://batraciens.net/
"BATRACIENS" : Un site consacré à l'élevage et à la maintenance des
batraciens, aquatiques ou terrestres.
Nombreuses Photos et articles de maintenance. Petites annonces.
____________________________________________________________________
____________________________________________________________________
* Soit on bidouille avec des float, et dans ce cas on est obligé d'imposer une largeur fixe au contenu central. La pire c'est qu'on obtient le bon résultat très simplement avec un tableau à 3 colonnes, et 2 divs pour le header et le footer. * Entendons nous bien : Je précise que j'admire le boulot fait dans les sites bluerobot et autres zen garden. Je reste bien sur ouvert à une véritable démonstration css2 pour cette problématique.
Je te suis à 100%, car j'ai exactement le même problème...
http://batraciens.net/ "BATRACIENS" : Un site consacré à l'élevage et à la maintenance des batraciens, aquatiques ou terrestres. Nombreuses Photos et articles de maintenance. Petites annonces. ____________________________________________________________________ ____________________________________________________________________
