[Image de fond fixe] Différence entre IE et firefox

Différence entre IE et firefox [Image de fond fixe] - HTML/CSS - Programmation

Marsh Posté le 06-04-2006 à 11:53:10    

Bonjour,
Je suis en train de faire quelques essais pour une image de fond que je souhaite fixe lorsque l'on scroll la page.
Le site est celui-ci : http://jinroh.info/sarment et le css http://jinroh.info/sarmen/css/sarment.css
 
Le fond est bien fixe lorsque l'on scroll la page sous firefox mais il bouge en même temps que le texte sous IE... :(
Pourtant il y a bien un background-attachement:fixed....
 
J'ai laissé des bordures de couleurs pour que vous puissez voir comment c'est construi à peu près.
 
 
J'aurais besoin de mettre une parte du site en ligne dès vendredi (06.04.06)
Merci à vous


---------------
Galerie photos
Reply

Marsh Posté le 06-04-2006 à 11:53:10   

Reply

Marsh Posté le 06-04-2006 à 13:55:10    

Ce que tu es en train de faire est un peu ce qu'Eric Meyer s'était amusé à faire : http://meyerweb.com/eric/css/edge/ [...] lassy.html
 
Ca fait un très joli effet, qui a une particularité... CA FONCTIONNE PAS SOUS IE BORDEL §§§§§
 
Ca sera implémenté sous IE7 malheureusement... Tu peux utiliser un script style http://dean.edwards.name/IE7/  qui règle pas mal de problèmes...

Reply

Marsh Posté le 07-04-2006 à 17:51:13    

Raaaa mais c pas gentil du tout ce IE  :fou:  :fou:  
Encore un truc que je ne peux pas faire :(
 
Bon je vais l'image de fond qui va bouger.
 
Par contre est ce que c'est tout de même possible de garder mon lien de retour menu en haut ?
ou est ce que lui aussi va devoir bouger ???
 
Merci


---------------
Galerie photos
Reply

Marsh Posté le 07-04-2006 à 17:53:21    

Nope, Javascript obligé :D Ou alors en trichant un peu, mais tout ce qui sera en position relative ou absolute sera fixed : http://www.cssplay.co.uk/layouts/fixed.html

Reply

Marsh Posté le 07-04-2006 à 17:56:46    

Roo mais ça devient ennervant tout ça  :cry:  
Le javascript je ne connais aps grand chose, je vais essayer de jeter un oeil
parce que je ne vais aps modif tout mon css :(
 
Merci pour tes liens en tout cas, ce sont de bonnes pages :):)


---------------
Galerie photos
Reply

Marsh Posté le 07-04-2006 à 21:35:37    

J'ai regardé rapidement mais apparement il y a de quoi faire fonctionner avec le scrpt donné sur la 2° page :)  
Je vais essayer ça.


---------------
Galerie photos
Reply

Marsh Posté le 07-04-2006 à 23:36:26    

Pour l'image de fond en fixe, c'est bon cela fonctionne.
Par contre je n'arrive pas à placer mon lien de retour menu correctement.
Par rapport au haut c'est bon il est placé et fixe.
Par contre par rapport à la gauche, si je suis en position : absolute, le positionnement est bon mais du coup le retour_menu remonte. SI je suis en position fixed, il prend comme référence le bord de la page et non le bord du conteneur, donc dur dur de le placer correctement :(
Les test se passent ici : http://jinroh.info/sarment/base.php
 
 :cry:  :cry:


Message édité par Jinroh le 07-04-2006 à 23:43:13

---------------
Galerie photos
Reply

Marsh Posté le 08-04-2006 à 09:15:16    

et si tu mettais un background-attachment : none ?  
ca passerait pas mieux ? je pense du coup que ton background deviendrait fixe. pas besoin de background:fixed à mon avis  
 
(tests en cours)
 
Vendu : cette  [:natas]  de propriété ne fonctionne que sur body sous IE


Message édité par gatsu35 le 08-04-2006 à 09:19:34
Reply

Marsh Posté le 10-04-2006 à 14:30:44    

Au final,
J'ai mis à mon premier conteneur un background image, avec un attachement:fixed, le tout avec le script d'IE7 dispo ici et c'est bon mon fond est bien fixe sous IE. (malheureusement j'ai peur que cela alourdisse pas mal les pages, à vérifier....)
 
Par contre maintenant j'ai un problème avec mon lien de retour menu qui a une position fixed simple et un top: 10px;
malheureusement avec le script IE 7 activé, je n'arrive à comprendre quel est sa référence pour le placement.
Par exemple : si je le met dans le premier conteneur, il va se placer au bord de la page (hors conteneur)
et si je le palce à l'interieur de mon div corps (lui même à l'inteieur de mon conteneur), il va se placer un peu entre les 2, collé nul part.....
 
Comment le placer en spécifiant l'espace par rapport à la gauche ?
Ou mieux comment le placer par rapport au conteneur, comme cela fonctionnait sans le script IE7 ???
 
Merci beaucoup pour votre aide  :jap:


Message édité par Jinroh le 10-04-2006 à 14:32:59

---------------
Galerie photos
Reply

Sujets relatifs:

Leave a Replay

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