[CSS] position:fixed

position:fixed [CSS] - HTML/CSS - Programmation

Marsh Posté le 08-03-2004 à 16:08:56    

Salut,
Après avoir développé un (modeste) site, tout testé sous FireFox, je viens de me rendre compte que tout foutait le camp sous IE.  :cry:  
 
Raison trouvée : IE ne gère pas (ou mal  :??: ) la balise "position:fixed"
 
Est-ce qu'il y a un autre terme (par ex. "position:bougepadla" ), ou c'est simplement cuit ?
 

Reply

Marsh Posté le 08-03-2004 à 16:08:56   

Reply

Marsh Posté le 08-03-2004 à 16:36:40    

IE ne gère effectivement pas le mode fixe, et il n'y a rien pour le remplacer, excepté le javascript :/

Reply

Marsh Posté le 08-03-2004 à 19:34:21    

Merci pour la confirmation... ça m'apprendra à faire confiance à Mozilla :) (just kidding)
 
Tu fais comment, en JS, pour simuler un position:fixed (je vois vraiment pas, pourtant je connais un peu JS) ? Je voudrais juste une piste pour étudier ça.


Message édité par ritsar le 08-03-2004 à 19:34:55
Reply

Marsh Posté le 08-03-2004 à 19:41:30    

A essayer http://devnull.tagsoup.com/fixed/
 
C'est plein de hacks mais ça marche. A voir si ça peut s'adapter à ce que tu veux faire...


Message édité par gm_superstar le 08-03-2004 à 19:41:54

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 08-03-2004 à 21:41:00    

C'est nickel, merci pour le lien  :hello:

Reply

Marsh Posté le 09-03-2004 à 00:05:55    

hum, peut etre faudrait mettre un table à la place...parce que c vraiment trop crade les hacks...


---------------
Jubi Photos : Flickr - 500px
Reply

Marsh Posté le 09-03-2004 à 00:14:33    

Je vois pas en quoi un tableau pourrait remplacer fixed...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-03-2004 à 00:21:07    

c tt le pb de fixed : si ct implémenté, tu ferais un layout de fou en 5:5...là c la merde...
 
-->selon le layout, avec un tableau tu peux approcher finement du positionnement avec un fixed...si c pas trop complexe sinon là non plus ca servira à rien


---------------
Jubi Photos : Flickr - 500px
Reply

Marsh Posté le 09-03-2004 à 15:39:31    

avec un tablea tu perds tout lavantage du fixed... autant utilise absolute a ce moment la a la place...
:p

Reply

Marsh Posté le 16-04-2004 à 21:57:57    

J'up ce topic pr poser une question sur cette balise:
j'ai une page avec d'un coté une liste de mots et de l'autre coté la définition de ces mots.
Ma liste de mots devient de plus en plus longue et dépasse la hauteur de l'écran, ms le pb c que le scroll ne se fait que ds la partie définition.
Comment contourner ce pb??
(je fais mes tests sous firefox).


Message édité par electricblue le 16-04-2004 à 21:58:30
Reply

Marsh Posté le 16-04-2004 à 21:57:57   

Reply

Marsh Posté le 17-04-2004 à 01:12:10    

Reply

Marsh Posté le 17-04-2004 à 01:29:14    

Reply

Marsh Posté le 17-04-2004 à 08:17:33    

electricblue a écrit :

J'up ce topic pr poser une question sur cette balise:
j'ai une page avec d'un coté une liste de mots et de l'autre coté la définition de ces mots.
Ma liste de mots devient de plus en plus longue et dépasse la hauteur de l'écran, ms le pb c que le scroll ne se fait que ds la partie définition.
Comment contourner ce pb??
(je fais mes tests sous firefox).


 
Chez moi IE6fr le scroll se fait normalement les 2 listes se suivent  [:airforceone]
 
PS: ça ne fonctionne pas sous mozilla ni sur opéra  :sweat:


Message édité par Flyman30 le 17-04-2004 à 08:18:48
Reply

Marsh Posté le 17-04-2004 à 10:40:51    

Flyman30 a écrit :


 
Chez moi IE6fr le scroll se fait normalement les 2 listes se suivent  [:airforceone]
 
PS: ça ne fonctionne pas sous mozilla ni sur opéra  :sweat:  


 
Oui, sous IE les 2 parties scrollent en même tps, et c un bug.
Moi je voudrais que chacune scorlle indépendamment de l'autre, comme si c'était 2 frames.

Reply

Marsh Posté le 17-04-2004 à 15:03:54    


Heu, on peut pas utiliser "float: left" et "position: fixed" en même temps :o C'est 2 modes de positionnement différents et donc on utilise soit l'un soit l'autre. Et en l'occurence vu que c'est fixed qui est déclaré en dernier, c'est lui qui est appliqué.
 
Donc ton cadre de gauche est fixé, ce qui signifie qu'il reste attaché à l'écran, ce qui se passe est donc logique...
 
Maintenant il faut voir ce que tu comptais faire.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 17-04-2004 à 15:59:45    

gm_superstar a écrit :


Heu, on peut pas utiliser "float: left" et "position: fixed" en même temps :o C'est 2 modes de positionnement différents et donc on utilise soit l'un soit l'autre. Et en l'occurence vu que c'est fixed qui est déclaré en dernier, c'est lui qui est appliqué.
 
Donc ton cadre de gauche est fixé, ce qui signifie qu'il reste attaché à l'écran, ce qui se passe est donc logique...
 
Maintenant il faut voir ce que tu comptais faire.


 
En gros je voudrais:
-une liste à gauche qui reste fixe
-du texte à droite qui peut défiler
 
Le "float: left" sert à indiquer la position de la liste.
Le pb c que cette liste peut être relativement longue, donc elle dépasse de l'écran. Je voudais qu'on puisse scroller dedans si on veut (même si ça semble contre nature vu le "position: fixed" :)).
En gros c comme si j'avais 2 frames.

Reply

Marsh Posté le 17-04-2004 à 16:16:50    

electricblue a écrit :


Le "float: left" sert à indiquer la position de la liste.


 
Oui je m'en doutais bien mais c'est inutile. Le positionnement fixe marche comme le positionnement absolu. Il suffit de definir les dimensions de ton bloc et ses coordonnées et il est placé.
 

electricblue a écrit :

Le pb c que cette liste peut être relativement longue, donc elle dépasse de l'écran. Je voudais qu'on puisse scroller dedans si on veut (même si ça semble contre nature vu le "position: fixed" :)).
En gros c comme si j'avais 2 frames.


 
Le problème est que ton "si on veut" implique de dissocier l'écran en 2 parties qui scrollent de manière indépendante... Tu peux utiliser la propriété "overflow: auto;" pour faire apparître des barres de défilement si nécessaire. Mais il faudra alors préciser la hauteur de ton bloc (essaye "height: 100%" mais sans garantie).
 
Si ça marche pas (en particulier avec IE) ben faudra passer par les frames [:spamafote]


Message édité par gm_superstar le 17-04-2004 à 16:17:27

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 17-04-2004 à 20:58:58    

Merci, grâce à ton aide et cette page (un de tes liens :)) http://incongru.webdynamit.net/DeclarerDesStyles j'ai réussi à obtenir à peu près ce que je voulais, cf: http://electricblue.free.fr/css/test.htm
 
Mais j'ai 1 question et une remarque:
-question: j'ai essayé avec "height: 100%" et "max-height! 100%" pr la liste, ms elle dépasse tjs de l'écran. La seule solution que je vois c de fixer une taille pr cette hauteur
-remaque: c bizzare, sous IE qd je mets la souris sur la liste et que je scrolle à la mollette ça scrolle bien, pas contre sous firefox ça scrolle pas.
 

Reply

Sujets relatifs:

Leave a Replay

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