28220 sujets

CSS et mise en forme, CSS3

Et hop! un bug pour FF...

Modérateur
Bonne nuit tout le monde,

Un petit aparté avant le somme pour remettre sur le tapis un sujet que j'ai abordé dans un ancien post vous faisant part d'un "léger" souci que j'avais rencontré...
J'avais établi la première version de mon site à l'aide de frames mais, suite aux multiples problèmes qu'elles engendraient, je m'était ravisé... J'avais donc refondé l'ensemble dans une version dite "normale". Celà dit, je trouvais la possibilité de laisser un titre et un menu toujours apparents fort intéressants... C'est alors que j'ai découvert que le language css m'offrait la même possibilité à l'aide de la fonction "overflow:scroll".
Naviguant à l'époque sous IE ( Smiley confused ), je concevais mon site en fonction de ce browser. Maintenant la présentation obtenue, je dois avouer qu'elle me convient tout à fait... Aussi, comme cà n'est pas encore çà avec FF, je m'étais mis en tête de la refaire en fonction de ce dernier puis de l'adapter pour IE (comme on me l'a prescrit en ces lieux...). Mais là je dis "STOP!" parce que si vous essayez le code en PS (pardon pour la répétition... du code...), vous vous apercevez que le seul moyen de faire défiler le contenu du cadre est de cliquer sur la barre de défilement et de la maintenir ce qui devient vite lassant quand votre site est fondé sur ce principe. Non... vraiment là, faut faire qqch...
Donc, je retourne de ce pas voir mes moutons pour trouver une nouvelle solution, la nuit porte conseil... Smiley fache

PS (le code):

<html>
<head>
<style type="text/css">
body { background:#000; }
#zone { background:#88C;
width:300px;
height:300px;
overflow:scroll; }
</style>
</head>
<body>
<div id="zone">
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...<br>
vive les gloomiths...
</div>
</body>
</html>

Modifié par koala64 (12 Apr 2005 - 09:00)
koala64 a écrit :
Celà dit, je trouvais la possibilité de laisser un titre et un menu toujours apparents fort intéressants...

La propriété position avec la valeur fixed est justement faite pour ça.

...

Mais elle n'est pas supportée par tous les navigateurs.
Modérateur
Smiley ravi ... Autant pour moi... Ma mémoire me joue encore des tours... Je reste néanmoins à la recherche d'une meilleure solution; les problèmes de compatibilité doivent, à mon sens, être réservés aux détails afin de rester accessible au plus grand nombre...

PS: Quels sont les naviguateurs qui refusent cette fonction?
koala64 a écrit :
PS: Quels sont les naviguateurs qui refusent cette fonction?


IE par exemple.

Eric.
Et pour rajouter quelque chose qui n'a rien à voir, SI JE ME SOUVIENS BIEN, en html, un <br>, c'est pas propre, il faut toujours faire un <br /> Smiley cligne !

Sinon pour ton problème, recode le site à partir des standards en utilisant un maximum le "pot commun" (ce qui est supporté par tous les navigateurs), mais en privilégiant TOUJOURS les standards (donc firefox et opéra Smiley langue ), car dans quelques mois, on peut REVER que Microsoft sorte IE 7 supportant les standards Smiley cligne !
Modérateur
mouais, on y croît dur comme fer...

Smiley eek Un <br /> tu dis? Quelles sont tes sources? Je n'ai jamais vu çà...
Administrateur
Ben a écrit :
Et pour rajouter quelque chose qui n'a rien à voir, SI JE ME SOUVIENS BIEN, en html, un <br>, c'est pas propre, il faut toujours faire un <br /> Smiley cligne !

<br> est valide en HTML.
Il n'y a qu'en XHTML (qui oblige toutes les balises à être fermées) que le <br> doit également se fermer, donc <br />
... même principe que <img ... />, <input ... />, <hr />, etc.
Woulaaa [Ben], que d'enthousiasme, mais que d'amalgames et d'inprécisions Smiley cligne

<br /> en html ? non justement Smiley lol
<br> en HTML oui, <br /> en xHTML

En xHTML toute balise doit être fermée même les balises dîtes orphelines comme <img />, <hr />, <br />, <input /> etc. Mais pas en HTML et particulierement, elles ne doivent pas être fermées (les ophelines).

Ensuite en ce qui concerne "standard = firefox/opera" "non standard = IE" woulalaa non Smiley cligne

En fait, IE n'a rien de non standard, il supporte pas mal différents standards, c'est juste qu'il est limité niveau implémentation de certaines propriétés CSS. Il y a bien d'autre points noir à la charge d'IE certe Smiley lol
koala64 a écrit :
Je reste néanmoins à la recherche d'une meilleure solution; les problèmes de compatibilité doivent, à mon sens, être réservés aux détails afin de rester accessible au plus grand nombre...

Le contenu reste tout à fait accessible, simplement IE le traite comme un position: absolute;
Sujet clos
Aller à