Discussion :

[Jipété]

Bonsoir à toutes et à tous.

Voilà, après avoir fureté ici et là, j'ai bien compris les problèmes liés à l'utilisation des frames, et me suis dit qu'il me fallait refaire mon truc en css.
Mais le HTML que je connaissais il y a 12 ans a un peu évolué, je crois ...

Et je suis complètement perdu et, je l'avoue humblement, totalement largué face à tous ces div, span, display, float, layout j'en passe et des pires (pour moi !)
J'ai essayé de m'accrocher en étudiant des tutos sympas trouvés ici, mais même en partant de ces tutos je n'arrive à rien de cohérent, dans le sens où quand j'arrive à faire afficher ce que je veux sous IE ça merde sous FF, et réciproquement

Pourtant, je ne veux pas faire quelque chose de compliqué, rien que de très basique (regardez l'image : un bandeau top, un menu left, une zone de texte), mais il y a une contrainte : je ne veux pas utiliser de tailles fixes (à part la hauteur du bandeau top et la largeur du menu left), je veux que mon menu descende jusqu'en bas et que la partie texte occupe toute la zone "client", le tout sans barres de défilement.

Est-ce que c'est possible ? Comment feriez-vous ?
Mille millions de mercis pour le coup de main,
--
Jean-Pierre

[Dan_A]

Pourquoi ne pas utiliser un générateur ( http://www.csscreator.com/tools/layout par exemple) ?
Puis en cas de problème de longueur de colonnes (mais ça ne semble pas nécessaire au vu de l'image) lire l'article sur les "Faux columns" ( http://www.alistapart.com/articles/fauxcolumns/ ).

[Jipété]

Merci de cette réponse

Pourquoi ne pas utiliser un générateur ...

Parce que je n'en connaissais pas l'existence, !
Et comment chercher et trouver avec Google ou sur les forums des trucs qu'on sait pas qu'ils existent, that's the question !

Bon, je vais étudier tout ça (je ne mets pas encore "Résolu", je vais d'abord tester).
Merci encore,
--
Jean-Pierre

[Jipété]

Yep !

Puis en cas de problème de longueur de colonnes (mais ça ne semble pas nécessaire au vu de l'image)

- 1,
Hélas hélas hélas, je suis passé par ton lien csscreator (sympa), mais l'outil n'a pas été capable (et moi non plus... ) de "descendre" mes colonnes jusqu'en bas... (voir image)
J'en reviens pas que ça soit aussi compliqué !
Merci de vos idées,
--
jp

[MasterOfChakhaL]

Salut,

Le problème des colonnes, c'est que c'est une notion qui est totalement reliée aux tableaux.
C'est compliqué de faire quelque chose avec quelque chose qui n'est pas prévu pour...

Tu trouveras un début de solution ici: http://www.developpez.net/forums/sho...d.php?t=263678

[Dan_A]

Avec un pied de page (même d'1px) :
http://www.themaninblue.com/writing/...ve/2005/08/29/

[Jipété]

Ben les gars (et les filles), on n'est pas rendu !

@Dan_A : merci pour ton lien, qui m'a intéressé un moment, jusqu'à ce que je tombe sur la page où l'auteur montre des exemples de bug et de solution.
Le pb c'est que quand je clique sur "good_example_long" j'ai exactement le même affichage (buggué) que quand j'appelle "bad_example_long".
À l'inverse, appeler "good_..." ou "bad_example_short" m'affiche une page good dans les 2 cas... (Ch'suis sous FF 1.5.0.9).

Allez, je me colle aux liens de MasterOfChakhal (que je remercie au passage).
--
jp

[Jipété]

Bonsoir !

En explorant les liens que vous m'avez fournis, plus ceux que j'ai trouvé tout seul ici, plus ceux qui se trouvaient dans les liens précédents , j'ai atterri là, j'ai cliqué sur Pagemaker, j'ai rempli les champs et ça m'a généré un .css tout petit et un .html de 14 ko tellement il est plein de trucs et de machins auxquels je ne comprends rien de rien, mais à qui j'ai quand même réussi à enlever le footer puisque je n'en voulais pas et qu'il est inclus d'office par le générateur.
Faut juste intervenir dans le code avec des pincettes et en ayant lu et compris les longs commentaires qui expliquent le pourquoi du comment. C'est toujours comm' ça, le css ?

Une 'tite image pour montrer le résultat, quasi identique entre IE6 et FF1.5.

Merci pour les liens, j'aurai sûrement une autre question (plus facile ) dans quelques jours.
--
jp

[Dan_A]

Je crains que le pied de page (même 1px) soit nécessaire pour une compatibilité avec certains navigateurs.
Un autre lien (sans pied de page) à l'origine de la version du générateur de ClevaTreva qui doit être mise à jour fin février ( http://www.csscreator.com/node/19596 ) : http://www.sitepoint.com/forums/showpost.php?p=1243541 .

[Jipété]

Hé bien, Dan_A, merci pour cette précision que je ne manquerai pas d'étudier, dès que j'aurai réglé mon pb de css minimaliste (pendant que tu me répondais ici, je créais une nouvelle entrée -- j'y perds mon latin et suis un peu anéanti quand je vois la quantité de choses qu'il me faut assimiler...)
--
jp

[Jipété]

Bonsoir à toutes et à tous.

J'ai un peu farfouillé le forum, et j'aimerais beaucoup avoir des précisions sur ça :

Sinon il existe des systèmes de template propriétaire qui permette de créer une carcasse, tu crées cette page (template) et il te suffit ensuite de créer une nouvelle page et d'y écrire le contenu. Le jour où tu modifies le template, tout le site est modifié.

parce que dans mon plan (délire ?) de migrer mes frames à css, je suis tombé sur un autre post d'ici, où j'ai pu lire :

Quand on n'utilise pas de frame, la fenêtre du navigateur affiche un seul document. Si tu cliques sur un lien, alors, c'est toute la page qui va être effacée afin d'afficher le document pointé.

ce qui revient à dire que pour un site de 15 pages, il me faut refaire ces 15 pages comme si elles étaient uniques ?
Et si je veux plus tard modifier un truc (ajouter une entrée au menu, par exemple), il me faut éditer les 15 pages !?
Avec tous les risques d'erreurs et/ou d'oublis que ça comporte...

Merci d'avance pour les infos/détails/précisions sur cette histoire de template,
--
jp