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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème Background IE vs FireFox ... (Background-Attachement)

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème Background IE vs FireFox ... (Background-Attachement)

n°842181
CocoRambo
Posté le 04-09-2004 à 14:52:48  profilanswer
 

Donc voila je vous explique le problème:
 
Tout d'abord 2 screenshot:
 
- Mauvais FireFox
- Bon FireFox
 
 
Ce problème vient lorsque je met (Mauvais FireFox):
background-attachement:fixed;
 
Hors a ce moment le background est bien postionné sous IE :D
 
 
Inversement si j'enleve (Bon FireFox):
background-attachement:fixed;
 
 
 
J'arrive pas a trouvé un entre 2 ...
 
EDIT 1:
 

Code :
  1. Voila la partie du code CSS concernant cette div:
  2. div.org_contenu{
  3. position:relative;
  4. width:555px;
  5. height:430px;
  6. z-index:2;
  7. float:left;
  8. background-image:url(../images/logo_fdp.jpg);
  9. background-position:center center;
  10. background-repeat:no-repeat;
  11. visibility: visible;
  12. overflow:auto;
  13. }


Message édité par CocoRambo le 04-09-2004 à 14:57:14

---------------
Mon FeedBack | Mon topic de vente
mood
Publicité
Posté le 04-09-2004 à 14:52:48  profilanswer
 

n°842393
masklinn
í dag viðrar vel til loftárása
Posté le 04-09-2004 à 22:10:16  profilanswer
 

C'est parce que tu te plantes sur le fonctionnement normal de fixed.
 
Background-attachement: fixed, ca attache l'image au viewpoint, pas au block, et ca ne l'affiche que sous le bloc.
 
En clair, le coin haut gauche de ton image se place dans le coin haut gauche de ton browser (de ta page) et tout est caché excepté sous le div
 
donc t'as l'impression que c'est décalé à gauche, car tu veux l'attacher au div et non à la page.
 
Et c'est MSIE qui l'interprète mal
 
Voici une meilleur explication de background-attachement: fixed
 

Citation :

Despite some claims to the contrary, IE6/Win's rendering of this page is not correct, as it (as well as some other browsers) doesn't correctly support background-attachment: fixed for any element other than the body. That makes it impossible to pull off the intended effect. Other browsers may or may not get the effect right.
[...]
According to CSS, any background image that is "fixed" using background-attachment: fixed; is fixed with respect to the viewport-- not the element with which the image is associated. So I set the blue-shell background image to be aligned with the top left corner of the browser window (the viewport) with the values given for background-position. However, the image will only be visible wherever is intersects with the element to which it's been assigned. Therefore, even though the top left corner of the blue-shell image is aligned with the top left corner of the viewport, we can only see it wherever it intersects with a div that has an id with a value of content (which, again, happens to be the one containing this text).


Voila


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°843005
CocoRambo
Posté le 06-09-2004 à 00:11:36  profilanswer
 

Donc en fait comment réaliser cette effet sans utilisé Fixed ???


---------------
Mon FeedBack | Mon topic de vente
n°843866
CocoRambo
Posté le 07-09-2004 à 07:38:57  profilanswer
 

Plz help :D


---------------
Mon FeedBack | Mon topic de vente

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

  Problème Background IE vs FireFox ... (Background-Attachement)

 

Sujets relatifs
Probleme gallerie thumb.phpprobleme avec css sous mozilla
probleme SqlConnection[BCB6]probleme arboressence
Taille d'un panel est limité a 32767: Probleme d'affichageProbleme autoincrement mysql
probleme script FTP[PHP] Problème boucle while et "continue;"
Probleme avec un formulaire en flashUne classe qui me pose probleme
Plus de sujets relatifs à : Problème Background IE vs FireFox ... (Background-Attachement)


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