Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1497 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1340421
Jinroh
Posté le 06-04-2006 à 11:53:10  profilanswer
 

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
mood
Publicité
Posté le 06-04-2006 à 11:53:10  profilanswer
 

n°1340556
FlorentG
Unité de Masse
Posté le 06-04-2006 à 13:55:10  profilanswer
 

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...

n°1341706
Jinroh
Posté le 07-04-2006 à 17:51:13  profilanswer
 

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
n°1341707
FlorentG
Unité de Masse
Posté le 07-04-2006 à 17:53:21  profilanswer
 

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

n°1341708
Jinroh
Posté le 07-04-2006 à 17:56:46  profilanswer
 

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
n°1341789
Jinroh
Posté le 07-04-2006 à 21:35:37  profilanswer
 

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
n°1341843
Jinroh
Posté le 07-04-2006 à 23:36:26  profilanswer
 

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
n°1341939
gatsu35
Blablaté par Harko
Posté le 08-04-2006 à 09:15:16  profilanswer
 

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
n°1343050
Jinroh
Posté le 10-04-2006 à 14:30:44  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Comment empêcher la récupération d'une image sur une page web.image: elimination de bruit
Image qui comporte plusieurs liensRedimensionnement à la chaine d'image
remplissage des trous d'une image<ul><li> + css + (IE/firefox) = %+@&£¢$
[qt designer] Détection d'objet dans une image filtre morphologique[IMG] Insérer une image en utilisant un CSS dans XSL
[résolu] !! interprétation IE / Firefox !!Menu css : Firefox Ok - IE Ko [Résolu]
Plus de sujets relatifs à : [Image de fond fixe] Différence entre IE et firefox


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR