tableau fixe sur l'écran

tableau fixe sur l'écran - HTML/CSS - Programmation

Marsh Posté le 09-11-2004 à 18:11:31    

Bonsoir tout le monde  ;)  
 
J'ai écris deux fichiers qui définissent chacun un tableau d'une ligne qui fait entièrement la largeur de l'écran. L'un sera l'en-tête et l'autre le pied de toutes mes pages web.  
 
Jusqu'ici pas de problème, cependant, j'aimerais que cet "en-tete" et ce pied de page" soit toujours affiché lors de la navigation sur mon site. un peu comme une barre d'outil et une barre de tâches d'une fenêtre.
 
Merci de votre attention :bounce:

Reply

Marsh Posté le 09-11-2004 à 18:11:31   

Reply

Marsh Posté le 11-11-2004 à 19:39:18    

Tu devrais sûrement utiliser des frames.
 
http://www.allhtml.com/html/html13.php
 
@
 


---------------
Austin Mini, Mini Moke et autres dérivés.
Reply

Marsh Posté le 11-11-2004 à 20:19:31    

rmm a écrit :

Bonsoir tout le monde  ;)  
 
J'ai écris deux fichiers qui définissent chacun un tableau d'une ligne qui fait entièrement la largeur de l'écran.


[:vomi]

Citation :

L'un sera l'en-tête et l'autre le pied de toutes mes pages web.  
 
Jusqu'ici pas de problème, cependant, j'aimerais que cet "en-tete" et ce pied de page" soit toujours affiché lors de la navigation sur mon site. un peu comme une barre d'outil et une barre de tâches d'une fenêtre.


Pour faire celà on peut trouver 3 techniques différentes, dont 1 est pourrie et 1 n'est pas supportée par MSIE.
 
1ère technique, la plus ancienne, les Frames
En gros, c'est inclure des pages web dans une page web principale, donc tu inclus une page "header", une page "footer" et une page "texte" et ca roule
Avantage: c'est facile et rapide à faire, ca permet de réduite (un peu) la taille des pages
 
Désavantages: Innombrables, tu peux en trouver quelques uns ici
Les frames sont à bannir dans la plupart des situations
 
2ème technique, CSS, Overflow
Rendu proche des frames, le principe est d'afficher ton header, d'afficher ton texte et d'afficher ton footer, le tout normalement.
Tu vas me dire: "oui mais si le texte ne fait pas la bonne taille, ca bouge le footer, et si le texte est grand et qu'on scroll ca enlève le header"
Et c'est vrai, c'est ici qu'intervient la propriété Overflow. En gros, tu délimites une zone d'affichage pour ton texte et tu dis "si ca sort de la zone, faut pas l'afficher, faut créer des barres de défilement"
Avantages:  

  • Fonctionne sur tous les browsers récents
  • Permet aux navigateurs ne sachant pas le faire de lire quand même la page (ils vont juste l'ignorer)
  • Simple à mettre en place


Désavantages:

  • Demande des connaissances en HTML/XHTML W3C
  • Demande des connaissances en CSS


3ème technique, CSS, position:fixed
Principe un peu différent, fixed permet de sortir certains éléments du "flux" normal d'un document HTML et de les fixer à l'écran (en gros, tu les places dans l'écran et ils n'en bougent jamais)
Avantages:

  • Classe
  • Perd moins d'espace qu'Overflow
  • Extrèmement simple à mettre en place
  • Les browsers ne sachant pas le faire l'ignoreront, et pourront encore lire le document sans problème
  • Permet de faire des effets qui tuent [:benou_miam]

 
Inconvénients:

  • MSIE ne comprend pas cette instruction [:itm]  
  • Demande des connaissances en HTML/XHTML W3C
  • Demande des connaissances en CSS
  • Les parties fixées étant "sorties" du flux, il faut jouer avec les marges/paddings pource genre d'affichage
virgile06 a écrit :

Tu devrais sûrement utiliser des frames.
 
http://www.allhtml.com/html/html13.php
 
@


Vade Retro Satanas, ici on code des pages webs pas du kaka [:itm]


Message édité par masklinn le 11-11-2004 à 20:25:50

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 12-11-2004 à 12:20:49    

Ok, très bien tu ne code pas du caca, mais je me contentais de répondre à un message sans réponse jusqu'alors.
 
D'autre part ma solution ne plait peut-être pas au pro que tu es oh vénérable, mais à voir le message de départ, rmm ne doit pas être un spécialiste et ça ne m'étonnerait pas qu'il n’ai rien capté à tes systèmes.
 
Enfin, le principal reproche que l'on fait aux frames c'est de ne pas être reconnu par tous les navigateurs mais tu dis toi même que ta solution css fixed n'est pas reconnu par msie ce qui est tout de même un comble.
 
Donc si je comprends bien ici on code des pages avec des système de malade sur une console linux en mangeant une pizza sur son clavier, moi je me contente d'utiliser et de conseiller des solutions simple à mettre en oeuvre et efficaces... désolé.
 
Je crois que je ne vais plus m’aventurer sur ce forum, car on ne répond presque jamais à mes questions (pourtant pas d’un niveau de tueur…) et je vois que je n’ai pas ma place, moi pauvre utilisateur moyen d’un pc au milieu des programmeurs fous (ou plutôt de programmeur qui s’y crois très fort).


---------------
Austin Mini, Mini Moke et autres dérivés.
Reply

Marsh Posté le 12-11-2004 à 12:30:57    

virgile06 a écrit :


Enfin, le principal reproche que l'on fait aux frames c'est de ne pas être reconnu par tous les navigateurs


 
Non, ça c'était il y a 10 ans... il faut suivre un peu l'actualité :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 12-11-2004 à 12:37:46    

virgile06 a écrit :

Ok, très bien tu ne code pas du caca, mais je me contentais de répondre à un message sans réponse jusqu'alors.


Ce qui n'était malheureusement pas un bien

Citation :

D'autre part ma solution ne plait peut-être pas au pro que tu es oh vénérable, mais à voir le message de départ, rmm ne doit pas être un spécialiste et ça ne m'étonnerait pas qu'il n’ai rien capté à tes systèmes.


En quoi cela l'empêche-t-il de faire des recherches ou de demander des explications plus précises? [:itm]  

Citation :

Enfin, le principal reproche que l'on fait aux frames c'est de ne pas être reconnu par tous les navigateurs


Non, c'est loin d'être limité à ca, les reproches faits aux frames sont:

  • Tous les browsers ne comprennent pas les frames, et browser un site en frames avec un navigateur en mode texte c'est du suicide [:spamafote]  
  • 95% du temps, les tailles/positions des frames correspondent à un browser unique, tout autre browser se retrouvera avec un site à moitié fusillé
  • Les outils de recherches sont incapables d'indexer correctement un site en frames
  • Il est impossible de bookmarker de maniètre intéressante un site en frames
Citation :

mais tu dis toi même que ta solution css fixed n'est pas reconnu par msie ce qui est tout de même un comble.


Oui, mais
1- j'ai proposé deux solutions CSS différentes et je laisse le choix (overflow est supporté partout)
2- un navigateur ne comprenant pas position:fixed n'empêchera en rien la navigation, il va simplement ignorer cette commande [:spamafote]  
donc le site reste parfaitement utilisable

Citation :

Donc si je comprends bien ici on code des pages avec des système de malade sur une console linux en mangeant une pizza sur son clavier


J'utilise windows et je mange pas de pizza [:gratgrat]  
donc non [:fande--]  

Citation :

moi je me contente d'utiliser et de conseiller des solutions simple à mettre en oeuvre et efficaces... désolé.


Non, sans vouloir être méchant (et en fait si, ca me fait plaisir) tu donnes des conseils de merdes dépassés depuis des années et destinés au codage des sites Mister Infonie [:itm]  

Citation :

Je crois que je ne vais plus m’aventurer sur ce forum, car on ne répond presque jamais à mes questions (pourtant pas d’un niveau de tueur…) et je vois que je n’ai pas ma place, moi pauvre utilisateur moyen d’un pc au milieu des programmeurs fous (ou plutôt de programmeur qui s’y crois très fort).


 :hello:
Accessoirement, après avoir regardé les threads que tu as posté j'y ais vu:

  • Que tu avais des réponses 4 fois sur 5 [:zebra33]  
  • Que tu peux partir sans regrêt, ca ne fera pas baisser le niveau du forum [:calin]


Message édité par masklinn le 12-11-2004 à 12:40:36

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 12-11-2004 à 12:46:44    

Masklinn a écrit :


1- j'ai proposé deux solutions CSS différentes et je laisse le choix (overflow est supporté partout)


 
Pas dans Opera 6 et inférieur :o


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 12-11-2004 à 12:49:01    

antp a écrit :

Pas dans Opera 6 et inférieur :o


 :pfff:  
pas dans Netscape 4 non plus, mais tu comptes remonter jusqu'ou dans les browsers moisis comme ca? :sweat:  
 [:mmmfff]
 
mauvaise foi mise à part, je suis effectivement allé un peu loin en disant que tous les navigateurs supportent l'overflow, mais ceux qui ne le supportent pas ne l'utiliseront pas, ca ne les empêchera pas d'afficher la page [:freekill]  
(simplement header et footer ne seront plus fixes à l'écran mais seront fixes en haut/bas du texte [:spamafote])


Message édité par masklinn le 12-11-2004 à 12:51:45

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 12-11-2004 à 13:05:51    

"Non, sans vouloir être méchant (et en fait si, ca me fait plaisir) " -> Je crois que là tout est dit sur la mentalité du personnage, se faire plaisir en étant méchant. On n’a à coup sûr pas affaire à un pompier ou à un donneur de sang…
 
"Que tu peux partir sans regrêt, ca ne fera pas baisser le niveau du forum"-> en tout cas le niveau de sympathie visiblement si.
 
A voir la suite de la conversation du t'emmêle les pinceaux en plus, comme toutes les personnes trop sûres d'elles.
 
Franchement, au lieu d’attendre que quelqu’un donne une réponse pour ensuite expliquer que la réponse est pourrie, répond toi-même !
 
« tu donnes des conseils de merdes », laisse donc rmm en juger, lorsqu’il aura passé un moment à tenter de comprendre ta solution, il reviendra sûrement à la mienne. On n’a pas tous besoin de faire des sites de pseudopro. De plus je n’ai jamais prétendu que ma solution était optimal, mais elle me semblait la plus appropriée
 
Enfin ; j’ai souvent eu l’occasion de voir que les pseudopros étaient contents de mettre en œuvre des solutions soi-disant géniales qui ne fonctionnent finalement pas partout, qui pour respecter les règles du w3c affichent des pages dignes du minitel, dont le seules méritent est l’aspect technique mais qui n’affichent aucun contenu…
 
C’est bien d’être sûr de toi comme cela, mais n’oublie pas que tu es le mauvais d'un autre qui pourrai s’il avait t’as sale mentalité de répondre de la même manière…


Message édité par virgile06 le 12-11-2004 à 13:06:25

---------------
Austin Mini, Mini Moke et autres dérivés.
Reply

Marsh Posté le 12-11-2004 à 13:33:03    

Masklinn a écrit :

:pfff:  
pas dans Netscape 4 non plus, mais tu comptes remonter jusqu'ou dans les browsers moisis comme ca? :sweat:  


 
Opera 6 c'est pas si vieux et pas si moisi hein :p


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 12-11-2004 à 13:33:03   

Reply

Marsh Posté le 12-11-2004 à 14:17:01    

virgile06 a écrit :

"Non, sans vouloir être méchant (et en fait si, ca me fait plaisir) " -> Je crois que là tout est dit sur la mentalité du personnage, se faire plaisir en étant méchant. On n’a à coup sûr pas affaire à un pompier ou à un donneur de sang…


Voila, je suis un personnage vil et cruel qui mange les enfants et se complait dans la vilennie :jap:  
arg, tu m'as percé à jour [:petrus75]  

Citation :

A voir la suite de la conversation du t'emmêle les pinceaux en plus, comme toutes les personnes trop sûres d'elles.


Aurais tu l'obligeance d'appuyer cette affirmation d'un ou plusieurs example(s) clair(s) et précis?

Citation :

Franchement, au lieu d’attendre que quelqu’un donne une réponse pour ensuite expliquer que la réponse est pourrie, répond toi-même !


Juste au cas ou tu ne l'ais pas remarqué, juste avant de dire que ta solution est moisie j'ai donné 40 lignes de suggestions/explications des suggestions [:niktounet]  

Citation :

On n’a pas tous besoin de faire des sites de pseudopro.


Faire des sites accessibles et suivant certaines règles simples ne veut pas pour autant faire un site "pseudopro", ca veut simplement dire faire un auquel tout le monde pourra accéder

Citation :

De plus je n’ai jamais prétendu que ma solution était optimal, mais elle me semblait la plus appropriée


Les frames ne sont peu ou prou jamais appropriées, j'ai expliqué pourquoi

Citation :

Enfin ; j’ai souvent eu l’occasion de voir que les pseudopros étaient contents de mettre en œuvre des solutions soi-disant géniales qui ne fonctionnent finalement pas partout


koule, j'attend des exemples [:jagstang]  

Citation :

qui pour respecter les règles du w3c affichent des pages dignes du minitel


Désolé gars, ca c'est pas un problème de technologie c'est un problème de mec incapable de l'utiliser, parce que si CSS Zen Garden ressemble au minitel moi je suis George W Bush [:cupra]  

Citation :

C’est bien d’être sûr de toi comme cela, mais n’oublie pas que tu es le mauvais d'un autre qui pourrai s’il avait t’as sale mentalité de répondre de la même manière…


Si je donne des conseils nazes, j'espère bien qu'on me tapera sur la gueule (c'est d'ailleurs déjà arrivé [:mmmfff] ), ca me permettra d'apprendre des trucs et de donner de meilleurs conseils dans le futur :hello:  

antp a écrit :

Opera 6 c'est pas si vieux et pas si moisi hein :p


Je sais pas de quand il date [:spamafote]  
mais pour être encore moins CSS-compliant qu'IE6, hein [:ddr555]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed