Bon(soir|jour)
Je suis en train de me prendre la tête avec css (depuis quelques heures déjà !):
J'essaie de remplacer les tables dans une page en utilisant des div mais je n'arrive pas à quelque chose d'équivalent...
J'aimerais un layout de 3 colonnes + header + footer et bordure (comme sur ce site)...
Ces colonnes peuvent avoir un contenu de différente longueur.
J'aimerais que toutes les colonnes aient la longueur de la plus longue.
Avec un tableau, pas de problème ! toute les colonnes ont la même longueur !
J'ai fouillé sur le net et les examples pour une mise en page de 3 colonnes ne manquent pas, mais aucun ne correspond à mes besoins... (openweb, glish, bluerobot...)
Je suis vraiment pas un spécialiste de html/css et je trouve pas ca trivial....
En fait il est pas difficile d'arriver au résultat que l'on veut (plus ou moins) mais en essayant de faire "juste" ou au mieux question technique c'est une autre histoire...
AU SECOURS !!!!!
Merci d'avance pour toute aide !
Journal L'enfer des css
6
juin
2004
# C'est parce qu'il est tard !!! ;-)
Posté par Ju. . Évalué à 3.
http://www.createafreewebsite.net/html_tutorial/3-columns-without-t(...)
div.left{ width :20%;float : left;}
div.middle{ width :60%;float : left }
div.right{ width :20%;float :left }
Ou ca :
http://www.saila.com/usage/layouts/saila_layout.html(...)
Bon courage !
(Tu y verras plus clair demain ! ;-)
[^] # Re: C'est parce qu'il est tard !!! ;-)
Posté par djapat . Évalué à 1.
Apparemment, je suis pas le seul à trainer tard ;-)
Idéalement, j'aimerais fixer la largeur des colonnes gauche et droite en pixel, pas en %.
Le 2ème lien que tu me donnes montre typiquement ce que je veux pas:
des colonnes de longueur différentes.
Je regarderai de plus près demain ...
Le jour se lève.... les oiseaux chantent !!! Au lit !!!!
[^] # Re: C'est parce qu'il est tard !!! ;-)
Posté par Hardy Damien . Évalué à 3.
c'est le display: table-cell
mais bien sur ie pige pas ce genre de chose
cf : http://www.moronicbajebus.com/playground/cssplay/equalcolumn/(...)
Dam
[^] # Re: C'est parce qu'il est tard !!! ;-)
Posté par Aurélien Maille . Évalué à 2.
# Alsacréations
Posté par Thomas . Évalué à 2.
[^] # Re: Alsacréations
Posté par djapat . Évalué à 1.
Mais les colonnes n'ont pas la même longueur ! (Visuellement oui, mais effectivement non !)
Il suffit de changer le background de la colonne droite et gauche pour s'en rendre compte !
# height: 100%
Posté par Bernez . Évalué à 2.
[^] # Re: height: 100%
Posté par plagiats . Évalué à 4.
# le hasard
Posté par B r u n o (site web personnel) . Évalué à 4.
http://www.inknoise.com/experimental/layoutomatic.php(...)
C'est une page qui te propose de construire une css en fonction de la disposition que tu veux (2 colonnes, 3 colonnes ...)
Dans le même genre il y a cela :
http://www.csscreator.com/version2/pagelayout.php(...)
Je les ai trouvé à partir de CSS Vault http://www.csscreator.com/version2/pagelayout.php(...)
# Commentaire supprimé
Posté par Anonyme . Évalué à 1.
Ce commentaire a été supprimé par l’équipe de modération.
[^] # Re: pourquoi simuler des tableau ?
Posté par djapat . Évalué à 1.
Bien sur que non je suis pas obligé ! Mais j'aimerais bien faire ce que je veux et pas ce que j'arrive !
> bon, en gros, avec les css, c'est pas l'enfer. tu peux faire les deux !
Je trouve toujours que c'est l'enfer !! Il me semble qu'il y a beaucoup de "trucs et astuces".
C'est pas toujours évident d'arriver au résultat que l'on souhaite et quand on y arrive, on se rend compte que le résultat n'est pas le même dans tous les navigateurs !!! ---> Bidouilles INFERNALES (en tout cas pour le non professionel du design web que je suis !)
Je suis pour des specifications et des normes strictes ! (certains sont pour la bidouille http://www.uzine.net/article1979.html(...) et je ne suis absolument pas en accord avec ca) mais ces standards ne sont pas toujours respectés et complètement implantés par les navigateurs. Il est vrai aussi que les choses ne vont pas en se simplifiant ! Est-ce la problèmatique qui est complexe ou les standards qui sont mal foutu ? Je ne sais pas... Un peu des deux sans doute...
Je pense que les navigateurs ne devraient même pas afficher une page non valide ! (ou le serveur web ne devrait pas l'envoyer !! ;))
Malheureusement, on peu faire des bidouilles immondes même en respectant les standards !
Parmis les liens ci-dessus, seuls 2 permettent d'arriver (plus ou moins) au résultat escompté mais avec de nouvelles limitations:
http://www.alistapart.com/articles/fauxcolumns/(...) : on doit utiliser une image de fond répétée verticalement donc avoir une largeur de page fixe
http://www.moronicbajebus.com/playground/cssplay/equalcolumn/(...) : les marges, padding des colonnes ne sont plus prises en compte et déconnent avec IE
En tout cas meci à tous !!
PS:
- Ca pourrait être pas mal d'avoir un concept de layout un peu comme pour les interfaces utilisateur (ex: java)
- Je n'ai toujours pas de solution "acceptable" à mon problème
[^] # Commentaire supprimé
Posté par Anonyme . Évalué à 1.
Ce commentaire a été supprimé par l’équipe de modération.
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.