Fixe div arrière-plan qui se chevauchent navigateur, les barres de défilement

Un comportement très étrange que je n'ai pas vu avant.

J'ai une position fixe div qui a une image png transparente de l'image de fond. Le z-index est définie sur -1, de sorte que le contenu peut faire défiler l'image fixe avec les barres de défilement.

Je l'ai placé avec le en bas et de droite à 0px, mais l'image chevauche les barres de défilement (sur FF et Safari, de toute façon.)

Voici le lien:

http://adamjcas.www59.a2hosting.com/pg/show/id/4

CSS:

#plants /*for the cut paper plants in the background*/
{
    background: transparent url(../background_images/plants.png) no-repeat;                                         
    bottom:0px;
    right:0px;
    z-index: -1;
    position:fixed;
    height:691px;
    width:475px;        
}

Un hack que j'ai utilisé était d'utiliser
droit: 16px;

Qui a bien fonctionné, car il y est toujours (probablement) d'un droit de la barre de défilement. Mais le fond de défilement est seulement parfois. Est-ce une simple question CSS?

OriginalL'auteur Adam Casey | 2011-01-27

  1. 5

    C'était une étrange question. Mais j'ai compris que la barre de défilement n'était pas du navigateur mais plutôt à partir de la div parent qui avait overflow: auto.

    C'est de cette façon que je le fixe. Changer le style pour div id="rightpanel" pour supprimer le overflow: auto;.

    Puis mettre à jour le #rightcontent styles comme suit:

    #rightcontent {
    left: 445px;
    padding-top: 127px;
    position: relative;
    width: 650px;
}

    Normalement ça devrait résoudre le problème à tous les navigateurs. En plus que j'ai aussi trouvé que les navigateurs se plaindre de ne pas trouver Cufon.js. Vous voudrez peut-être regarder dans ce projet.

    Merci pour l'aide. Le dépassement a été certainement le problème; quand j'ai fait ces changements, il a semblé fonctionner sur Firefox (à l'exception de l'arrière-plan cessé de le répéter), mais il échoue dans Chrome. Merci de me mettre sur la bonne voie; je vais continuer à lui et afficher les résultats.
    Étrange qui semblait fonctionner très bien pour moi sur Chrome, FF et IE. Saviez-vous que les modifications apportées à la rightContent ainsi?
    Je l'ai fait. Il n'y a plus de choses; l'arrière-plan de la #rightcontent div arrêté avant le fond, le contenu était débordant. Je vais poster le code final quand je le faire (problème mineur en ce moment sur la plus grande liste), mais votre pointant les barres de défilement étaient div dépassement de ce dont j'avais besoin.
    J'ai eu le même problème. La barre de défilement est de l'html, body{ overflow: auto }

    OriginalL'auteur sarcastyx