Bonjour,
Je tente de construire un site au design fluide, comme beaucoup, et me
heurte à un problème. Voici les caractéristiques que le site doit
remplir :
1) Ni bordure ni ascenseur si le site se trouve dans une iframe ou un
<object>
2) Layout 3 colonnes avec celle du milieu qui s'adapte automatiquement
en largeur
3) Largeur minimum afin que les éléments du header restent organisés
horizontalement
4) Que les colonnes les plus courtes s'adaptent automatiquement à la
longueur de la plus longue
J'ai résolu les trois premiers points, mais ne réussis pas concernant le
dernier, malgré la lecture de plusieurs voies possibles, dont la
technique des fausses colonnes containers et celle du height:100% sur
les div.
J'ai mis ici une page test de ce que j'ai pour l'instant :
http://yohannl.tripod.com/3col/index.htm (merci d'ignorer les bannières
publicitaires en haut et en bas qui sont dues à cet hébergeur gratuit
que je n'utilise que pour faire quelques tests)
Avez-vous une idée pour ce point #4 qui fonctionnerait sans casser les
points #1, #2 et #3 résolus ?
Bonjour,
Je tente de construire un site au design fluide, comme beaucoup, et me
heurte à un problème. Voici les caractéristiques que le site doit
remplir :
1) Ni bordure ni ascenseur si le site se trouve dans une iframe ou un
<object>
2) Layout 3 colonnes avec celle du milieu qui s'adapte automatiquement
en largeur
3) Largeur minimum afin que les éléments du header restent organisés
horizontalement
4) Que les colonnes les plus courtes s'adaptent automatiquement à la
longueur de la plus longue
J'ai résolu les trois premiers points, mais ne réussis pas concernant le
dernier, malgré la lecture de plusieurs voies possibles, dont la
technique des fausses colonnes containers et celle du height:100% sur
les div.
J'ai mis ici une page test de ce que j'ai pour l'instant :
http://yohannl.tripod.com/3col/index.htm (merci d'ignorer les bannières
publicitaires en haut et en bas qui sont dues à cet hébergeur gratuit
que je n'utilise que pour faire quelques tests)
Avez-vous une idée pour ce point #4 qui fonctionnerait sans casser les
points #1, #2 et #3 résolus ?
Bonjour,
Je tente de construire un site au design fluide, comme beaucoup, et me
heurte à un problème. Voici les caractéristiques que le site doit
remplir :
1) Ni bordure ni ascenseur si le site se trouve dans une iframe ou un
<object>
2) Layout 3 colonnes avec celle du milieu qui s'adapte automatiquement
en largeur
3) Largeur minimum afin que les éléments du header restent organisés
horizontalement
4) Que les colonnes les plus courtes s'adaptent automatiquement à la
longueur de la plus longue
J'ai résolu les trois premiers points, mais ne réussis pas concernant le
dernier, malgré la lecture de plusieurs voies possibles, dont la
technique des fausses colonnes containers et celle du height:100% sur
les div.
J'ai mis ici une page test de ce que j'ai pour l'instant :
http://yohannl.tripod.com/3col/index.htm (merci d'ignorer les bannières
publicitaires en haut et en bas qui sont dues à cet hébergeur gratuit
que je n'utilise que pour faire quelques tests)
Avez-vous une idée pour ce point #4 qui fonctionnerait sans casser les
points #1, #2 et #3 résolus ?
Là je comprends pas ... pourquoi iframe ou object ?
Tu parles des bordures et ascenseurs de l'iframe ?
Et c'est estimer que jamais personne ne se sert des fonctions de zoom
des caractères.
Ça a l'air un poil plus compliqué que ça :
<http://positioniseverything.net/articles/onetruelayout/equalheight>
démo :
<http://positioniseverything.net/articles/onetruelayout/example/equalheight>
ben! tu devrais vraiment mettre ton test ailleurs paske là ça met
vraiment le boxon quand on réduit la fenêtre.
la pub qui passe par dessus étoussa, des cadres vides ...
à propos, quand je réduis la fenêtre j'ai bien un ascenseur dans la page
(dû au boxon ? je sais pas)
Pourquoi pas cJoint ?
<http://cjoint.com/>
Non le point 4 je sais pas faire sauf à imbriquer les divs des colonnes,
et encore ... il faut être certain que l'une de celles centre et droite
sera toujours la + longue.
Le mieux est de s'en passer car la feuille de style tordue proposée faut
vraiment s'y pencher.
Là je comprends pas ... pourquoi iframe ou object ?
Tu parles des bordures et ascenseurs de l'iframe ?
Et c'est estimer que jamais personne ne se sert des fonctions de zoom
des caractères.
Ça a l'air un poil plus compliqué que ça :
<http://positioniseverything.net/articles/onetruelayout/equalheight>
démo :
<http://positioniseverything.net/articles/onetruelayout/example/equalheight>
ben! tu devrais vraiment mettre ton test ailleurs paske là ça met
vraiment le boxon quand on réduit la fenêtre.
la pub qui passe par dessus étoussa, des cadres vides ...
à propos, quand je réduis la fenêtre j'ai bien un ascenseur dans la page
(dû au boxon ? je sais pas)
Pourquoi pas cJoint ?
<http://cjoint.com/>
Non le point 4 je sais pas faire sauf à imbriquer les divs des colonnes,
et encore ... il faut être certain que l'une de celles centre et droite
sera toujours la + longue.
Le mieux est de s'en passer car la feuille de style tordue proposée faut
vraiment s'y pencher.
Là je comprends pas ... pourquoi iframe ou object ?
Tu parles des bordures et ascenseurs de l'iframe ?
Et c'est estimer que jamais personne ne se sert des fonctions de zoom
des caractères.
Ça a l'air un poil plus compliqué que ça :
<http://positioniseverything.net/articles/onetruelayout/equalheight>
démo :
<http://positioniseverything.net/articles/onetruelayout/example/equalheight>
ben! tu devrais vraiment mettre ton test ailleurs paske là ça met
vraiment le boxon quand on réduit la fenêtre.
la pub qui passe par dessus étoussa, des cadres vides ...
à propos, quand je réduis la fenêtre j'ai bien un ascenseur dans la page
(dû au boxon ? je sais pas)
Pourquoi pas cJoint ?
<http://cjoint.com/>
Non le point 4 je sais pas faire sauf à imbriquer les divs des colonnes,
et encore ... il faut être certain que l'une de celles centre et droite
sera toujours la + longue.
Le mieux est de s'en passer car la feuille de style tordue proposée faut
vraiment s'y pencher.
Sinon, pour les deux méthodes que je cite (qui fonctionnent très bien
sur un site simple), j'ai lu et essayé (fausse cols et height:100%) et
cela ne fonctionne pas,
certainement à cause de mes autres contraintes, d'où ma question.
tu devrais vraiment mettre ton test ailleurs paske là ça met
vraiment le boxon quand on réduit la fenêtre.
la pub qui passe par dessus étoussa, des cadres vides ...
à propos, quand je réduis la fenêtre j'ai bien un ascenseur dans la page
(dû au boxon ? je sais pas)
Houlà, quel navigateur utilises-tu s'il te plaît ?
parce que moi, ici, je viens de regarder en 800x600 et moins
avec IE6 et Firefox2 et, il y a juste le bandeau publicitaire du bas qui
se superpose avec Firefox (pas ds IE),
Pourquoi pas cJoint ?
<http://cjoint.com/>
Pour joindre un fichier, tu veux dire ? Quel fichier...
Le mieux est de s'en passer car la feuille de style tordue proposée faut
vraiment s'y pencher.
Mais je m'y suis penché (même si toi tu l'a découvres) et il ne me reste
que le point #4 à résoudre...
Sinon, pour les deux méthodes que je cite (qui fonctionnent très bien
sur un site simple), j'ai lu et essayé (fausse cols et height:100%) et
cela ne fonctionne pas,
certainement à cause de mes autres contraintes, d'où ma question.
tu devrais vraiment mettre ton test ailleurs paske là ça met
vraiment le boxon quand on réduit la fenêtre.
la pub qui passe par dessus étoussa, des cadres vides ...
à propos, quand je réduis la fenêtre j'ai bien un ascenseur dans la page
(dû au boxon ? je sais pas)
Houlà, quel navigateur utilises-tu s'il te plaît ?
parce que moi, ici, je viens de regarder en 800x600 et moins
avec IE6 et Firefox2 et, il y a juste le bandeau publicitaire du bas qui
se superpose avec Firefox (pas ds IE),
Pourquoi pas cJoint ?
<http://cjoint.com/>
Pour joindre un fichier, tu veux dire ? Quel fichier...
Le mieux est de s'en passer car la feuille de style tordue proposée faut
vraiment s'y pencher.
Mais je m'y suis penché (même si toi tu l'a découvres) et il ne me reste
que le point #4 à résoudre...
Sinon, pour les deux méthodes que je cite (qui fonctionnent très bien
sur un site simple), j'ai lu et essayé (fausse cols et height:100%) et
cela ne fonctionne pas,
certainement à cause de mes autres contraintes, d'où ma question.
tu devrais vraiment mettre ton test ailleurs paske là ça met
vraiment le boxon quand on réduit la fenêtre.
la pub qui passe par dessus étoussa, des cadres vides ...
à propos, quand je réduis la fenêtre j'ai bien un ascenseur dans la page
(dû au boxon ? je sais pas)
Houlà, quel navigateur utilises-tu s'il te plaît ?
parce que moi, ici, je viens de regarder en 800x600 et moins
avec IE6 et Firefox2 et, il y a juste le bandeau publicitaire du bas qui
se superpose avec Firefox (pas ds IE),
Pourquoi pas cJoint ?
<http://cjoint.com/>
Pour joindre un fichier, tu veux dire ? Quel fichier...
Le mieux est de s'en passer car la feuille de style tordue proposée faut
vraiment s'y pencher.
Mais je m'y suis penché (même si toi tu l'a découvres) et il ne me reste
que le point #4 à résoudre...
Je ne connais pas les fausses cols
mais le height:100% je ne l'ai jamais
vu fonctionner (relativement à une boite qui s'allonge à cause d'autre
chose)
Ha? tu veux qu'on se penche sur le html de ta maquette et sa feuille de
styles, puis sur les méthodes évoquées pour la corriger suivant ces
méthodes ?
> Houlà, quel navigateur utilises-tu s'il te plaît ?
N'importe lequel (firefox ?).
Comme tu parlais de réduction j'ai réduit.
Rare les fois où j'affiche en si grand que 800/600
(que si obligé)
oui et il m'a semblé qu'un cadre pâle se glissait sous cette pub, le
reste du texte de la page étant repoussé dessous.
>> Pourquoi pas cJoint ?
>> <http://cjoint.com/>
>
> Pour joindre un fichier, tu veux dire ? Quel fichier...
ben ... truc-bidule.html
C'est une maquette sans image, non ?
alors ce devrait être bon.
cJoint capte ton fichier, le stoque (15 jours) et te donne une url pour
aller le voir.
(penser à intégrer la feuille de style dans le fichier html)
Je te parlais de celle donnée en lien la dernière fois.
<http://positioniseverything.net/articles/onetruelayout/equalheight>
Pas de la tienne.
(je ne l'ai pas regardée, un peu énervé de ces pubs)
Tu peux aussi fouiller Alsacreation qui doit aborder la question.
Je ne connais pas les fausses cols
mais le height:100% je ne l'ai jamais
vu fonctionner (relativement à une boite qui s'allonge à cause d'autre
chose)
Ha? tu veux qu'on se penche sur le html de ta maquette et sa feuille de
styles, puis sur les méthodes évoquées pour la corriger suivant ces
méthodes ?
> Houlà, quel navigateur utilises-tu s'il te plaît ?
N'importe lequel (firefox ?).
Comme tu parlais de réduction j'ai réduit.
Rare les fois où j'affiche en si grand que 800/600
(que si obligé)
oui et il m'a semblé qu'un cadre pâle se glissait sous cette pub, le
reste du texte de la page étant repoussé dessous.
>> Pourquoi pas cJoint ?
>> <http://cjoint.com/>
>
> Pour joindre un fichier, tu veux dire ? Quel fichier...
ben ... truc-bidule.html
C'est une maquette sans image, non ?
alors ce devrait être bon.
cJoint capte ton fichier, le stoque (15 jours) et te donne une url pour
aller le voir.
(penser à intégrer la feuille de style dans le fichier html)
Je te parlais de celle donnée en lien la dernière fois.
<http://positioniseverything.net/articles/onetruelayout/equalheight>
Pas de la tienne.
(je ne l'ai pas regardée, un peu énervé de ces pubs)
Tu peux aussi fouiller Alsacreation qui doit aborder la question.
Je ne connais pas les fausses cols
mais le height:100% je ne l'ai jamais
vu fonctionner (relativement à une boite qui s'allonge à cause d'autre
chose)
Ha? tu veux qu'on se penche sur le html de ta maquette et sa feuille de
styles, puis sur les méthodes évoquées pour la corriger suivant ces
méthodes ?
> Houlà, quel navigateur utilises-tu s'il te plaît ?
N'importe lequel (firefox ?).
Comme tu parlais de réduction j'ai réduit.
Rare les fois où j'affiche en si grand que 800/600
(que si obligé)
oui et il m'a semblé qu'un cadre pâle se glissait sous cette pub, le
reste du texte de la page étant repoussé dessous.
>> Pourquoi pas cJoint ?
>> <http://cjoint.com/>
>
> Pour joindre un fichier, tu veux dire ? Quel fichier...
ben ... truc-bidule.html
C'est une maquette sans image, non ?
alors ce devrait être bon.
cJoint capte ton fichier, le stoque (15 jours) et te donne une url pour
aller le voir.
(penser à intégrer la feuille de style dans le fichier html)
Je te parlais de celle donnée en lien la dernière fois.
<http://positioniseverything.net/articles/onetruelayout/equalheight>
Pas de la tienne.
(je ne l'ai pas regardée, un peu énervé de ces pubs)
Tu peux aussi fouiller Alsacreation qui doit aborder la question.
In article <47e56435$0$852$,
says...Rare les fois où j'affiche en si grand que 800/600
(que si obligé)
Comment peux-tu naviguer en moins de 800x600 confortablement aujourd'hui
: je suis perplexe !
Holà, tu n'as pas du tout vu ma page test alors : il y a des images.
(penser à intégrer la feuille de style dans le fichier html)
Hum, tu n'as effectivement pas vu ma page test, car le CSS est bien
incorporé à la page html.
Merci à toi et détend toi sur les pubs : tv, radio, routes, trottoir,
métro, on est cerné. lol
In article <47e56435$0$852$ba4acef3@news.orange.fr>,
stephanemoriaux.NoAdmin@wanadoo.fr.invalid says...
Rare les fois où j'affiche en si grand que 800/600
(que si obligé)
Comment peux-tu naviguer en moins de 800x600 confortablement aujourd'hui
: je suis perplexe !
Holà, tu n'as pas du tout vu ma page test alors : il y a des images.
(penser à intégrer la feuille de style dans le fichier html)
Hum, tu n'as effectivement pas vu ma page test, car le CSS est bien
incorporé à la page html.
Merci à toi et détend toi sur les pubs : tv, radio, routes, trottoir,
métro, on est cerné. lol
In article <47e56435$0$852$,
says...Rare les fois où j'affiche en si grand que 800/600
(que si obligé)
Comment peux-tu naviguer en moins de 800x600 confortablement aujourd'hui
: je suis perplexe !
Holà, tu n'as pas du tout vu ma page test alors : il y a des images.
(penser à intégrer la feuille de style dans le fichier html)
Hum, tu n'as effectivement pas vu ma page test, car le CSS est bien
incorporé à la page html.
Merci à toi et détend toi sur les pubs : tv, radio, routes, trottoir,
métro, on est cerné. lol
Comme tu parlais de réduction j'ai réduit.
Rare les fois où j'affiche en si grand que 800/600
(que si obligé)
Comment peux-tu naviguer en moins de 800x600 confortablement aujourd'hui
Comme tu parlais de réduction j'ai réduit.
Rare les fois où j'affiche en si grand que 800/600
(que si obligé)
Comment peux-tu naviguer en moins de 800x600 confortablement aujourd'hui
Comme tu parlais de réduction j'ai réduit.
Rare les fois où j'affiche en si grand que 800/600
(que si obligé)
Comment peux-tu naviguer en moins de 800x600 confortablement aujourd'hui
En 800 ou même un peu moins de large c'est impec : on évite toutes les
pubs de la colonne de droite, les flashy-machins et ce genre de choses
placées là pour distraire du contenu.
et comment sais-je lesquelles sont les tiennes ?
Je crois avoir repérée celle du haut qui n'a pas grd interet et est
remplaçable par un simple div.
J'aurais dû la rapatrier et la nettoyer des bups pour commencer à y voir
vraiment.
Par ici ça va dans l'ensemble : pas de métro, la radio n'est pas
beaucoup usée non plus que la tv, reste la presse ;-)
En 800 ou même un peu moins de large c'est impec : on évite toutes les
pubs de la colonne de droite, les flashy-machins et ce genre de choses
placées là pour distraire du contenu.
et comment sais-je lesquelles sont les tiennes ?
Je crois avoir repérée celle du haut qui n'a pas grd interet et est
remplaçable par un simple div.
J'aurais dû la rapatrier et la nettoyer des bups pour commencer à y voir
vraiment.
Par ici ça va dans l'ensemble : pas de métro, la radio n'est pas
beaucoup usée non plus que la tv, reste la presse ;-)
En 800 ou même un peu moins de large c'est impec : on évite toutes les
pubs de la colonne de droite, les flashy-machins et ce genre de choses
placées là pour distraire du contenu.
et comment sais-je lesquelles sont les tiennes ?
Je crois avoir repérée celle du haut qui n'a pas grd interet et est
remplaçable par un simple div.
J'aurais dû la rapatrier et la nettoyer des bups pour commencer à y voir
vraiment.
Par ici ça va dans l'ensemble : pas de métro, la radio n'est pas
beaucoup usée non plus que la tv, reste la presse ;-)
Eh bien, il faut tenir compte des petits formats ! Aujourd'hui
l'informatique minuscule arrive !
Je ne parle même pas des téléphones et PDA, mais avez-vous pensé aux
machines de style EEPC, avec un écran de 9" ? Elles semblent avoir de
l'avenir !
Eh bien, il faut tenir compte des petits formats ! Aujourd'hui
l'informatique minuscule arrive !
Je ne parle même pas des téléphones et PDA, mais avez-vous pensé aux
machines de style EEPC, avec un écran de 9" ? Elles semblent avoir de
l'avenir !
Eh bien, il faut tenir compte des petits formats ! Aujourd'hui
l'informatique minuscule arrive !
Je ne parle même pas des téléphones et PDA, mais avez-vous pensé aux
machines de style EEPC, avec un écran de 9" ? Elles semblent avoir de
l'avenir !
In article <47e836a5$0$879$,
says...
Toi, tu fais parti du village Gaulois qui résiste, hum ?
et comment sais-je lesquelles sont les tiennes ?
Je crois avoir repérée celle du haut qui n'a pas grd interet et est
remplaçable par un simple div.
Non non, en haut, ce qui est à moi est l'image à gauche avec des flèches
Un simple div ne pourrait pas faire ça.
J'aurais dû la rapatrier et la nettoyer des bups pour commencer à y voir
vraiment.
Oui, là, tu exagères ;)
In article <47e836a5$0$879$ba4acef3@news.orange.fr>,
stephanemoriaux.NoAdmin@wanadoo.fr.invalid says...
Toi, tu fais parti du village Gaulois qui résiste, hum ?
et comment sais-je lesquelles sont les tiennes ?
Je crois avoir repérée celle du haut qui n'a pas grd interet et est
remplaçable par un simple div.
Non non, en haut, ce qui est à moi est l'image à gauche avec des flèches
Un simple div ne pourrait pas faire ça.
J'aurais dû la rapatrier et la nettoyer des bups pour commencer à y voir
vraiment.
Oui, là, tu exagères ;)
In article <47e836a5$0$879$,
says...
Toi, tu fais parti du village Gaulois qui résiste, hum ?
et comment sais-je lesquelles sont les tiennes ?
Je crois avoir repérée celle du haut qui n'a pas grd interet et est
remplaçable par un simple div.
Non non, en haut, ce qui est à moi est l'image à gauche avec des flèches
Un simple div ne pourrait pas faire ça.
J'aurais dû la rapatrier et la nettoyer des bups pour commencer à y voir
vraiment.
Oui, là, tu exagères ;)
In article ,
says...Eh bien, il faut tenir compte des petits formats ! Aujourd'hui
l'informatique minuscule arrive !
Je ne parle même pas des téléphones et PDA, mais avez-vous pensé
aux machines de style EEPC, avec un écran de 9" ? Elles semblent
avoir de l'avenir !
Dans ce cas et en imaginat que mon public s'équipe de la sorte, je
préfère gérer une seconde version de site uniquement pour ça...
Car parralèlement à la miniaturisation, les écrans moyens chez les
gens et en entreprise sont de plus en plus grands...
Et d'ailleurs les pages de plus en plus lourdes (il y a 10 ans, on
criait au scandale quand on dépassait 50Ko, maintenant, celles qui
dépassent 300Ko sont légion)
Enfin, le site OK en 9" comme en 1280x1024 et plus n'est pas encore
né ;)
In article <mn.c9f47d832fbd222f.9866@serge.delbono.net.invalid>,
laposte@serge.delbono.net.invalid says...
Eh bien, il faut tenir compte des petits formats ! Aujourd'hui
l'informatique minuscule arrive !
Je ne parle même pas des téléphones et PDA, mais avez-vous pensé
aux machines de style EEPC, avec un écran de 9" ? Elles semblent
avoir de l'avenir !
Dans ce cas et en imaginat que mon public s'équipe de la sorte, je
préfère gérer une seconde version de site uniquement pour ça...
Car parralèlement à la miniaturisation, les écrans moyens chez les
gens et en entreprise sont de plus en plus grands...
Et d'ailleurs les pages de plus en plus lourdes (il y a 10 ans, on
criait au scandale quand on dépassait 50Ko, maintenant, celles qui
dépassent 300Ko sont légion)
Enfin, le site OK en 9" comme en 1280x1024 et plus n'est pas encore
né ;)
In article ,
says...Eh bien, il faut tenir compte des petits formats ! Aujourd'hui
l'informatique minuscule arrive !
Je ne parle même pas des téléphones et PDA, mais avez-vous pensé
aux machines de style EEPC, avec un écran de 9" ? Elles semblent
avoir de l'avenir !
Dans ce cas et en imaginat que mon public s'équipe de la sorte, je
préfère gérer une seconde version de site uniquement pour ça...
Car parralèlement à la miniaturisation, les écrans moyens chez les
gens et en entreprise sont de plus en plus grands...
Et d'ailleurs les pages de plus en plus lourdes (il y a 10 ans, on
criait au scandale quand on dépassait 50Ko, maintenant, celles qui
dépassent 300Ko sont légion)
Enfin, le site OK en 9" comme en 1280x1024 et plus n'est pas encore
né ;)