étendre un div vide la longueur d'une page

J'ai deux divs à 100 pixels absolument positionnés sur les côtés gauche et droit de la page. J'ai une section de contenu en marge entre eux. Je veux que les images défilent avec la page pendant que vous faites défiler du haut vers le bas des grandes pages. Il y a sept pages au total dans mon site de différentes tailles et j'essaie d'utiliser CSS pour faire ce travail. Quelqu'un peut-il m'aider?étendre un div vide la longueur d'une page

Source

2010-11-16 Robert Frey

Voulez-vous dire que vous voulez que les images restent en place et ne bougent pas? Aussi, pouvez-vous partager le CSS _in question_ avec une page de base qui montre le problème que vous essayez de surmonter? ~~ http://stackoverflow.com/questions/how-to-ask – jcolebrand

Regardez le positionnement fixe CSS.

position:fixed; top:0px; left:0px;

Voir ici: http://limpid.nl/lab/css/fixed/left-sidebar-and-right-sidebar

Source

2010-11-16 23:25:05 superUntitled

Il convient de noter que la position: fixed n'est pas supportée dans IE6 et ne fonctionne pas pour les appareils mobiles tels que l'iPhone (dans le cas où ces choses arrivent à être préoccupations). – RussellUresti

Merci, le lien fourni a une meilleure façon de travailler avec des appareils portatifs et autres. – superUntitled

Here est un exemple qui pourrait résoudre votre problème.

Il utilise l'attachement d'arrière-plan: fixe; mais vous pouvez aussi utiliser la position: fixe en fonction de la façon dont vous voulez que vos images soient statiques dans un élément ou faites défiler avec la page. Le problème avec l'option d'arrière-plan est qu'il vous faudra concevoir une image de fond pour cela, mais cela fonctionnera.

EDIT: Here est un excellent article sur le positionnement fixe et la compatibilité croisée.

Source

2010-11-16 23:29:46 JonVD

je les ai dans un div, je mets les propriétés à fixed, mais j'ai positionné les div avec la position: absolute; attribut. J'ai besoin que les divs externes correspondent à la hauteur du contenu div et que les images d'arrière-plan défilent avec la page en fonction de la longueur de la page. –

Je vois votre problème, ce genre de choses peut être un peu méchant. Si vous pouviez poster une version simplifiée de vos divs et css qui aiderait beaucoup à fournir une solution =) En attendant, j'ai lu un excellent article sur exactement ce problème et l'ai ajouté dans la section Modifier de ma réponse. – JonVD

<div id="image1"> 
</div> 

<div id="image2"> 
</div> 

#image1 { 
    position: absolute; 
    width: 100px; 
    top: 0; 
    left: 0; 
    padding: 0; 
    margin: 0; 
    background-image: url(../media/warlock.jpg); 
    min-height: 100%; 
    height: 100%; 
    background-position: center; 
    background-attachment: scroll; 
} 

#image2 { 
    position: absolute; 
    width: 100px; 
    top: 0px; 
    right: 0px; 
    padding: 0; 
    background-image: url(../media/paladin.jpg); 
    min-height: 100%; 
    height: 100%; 
    background-position: center; 
    background-attachment: scroll; 
    background-repeat: repeat; 
}

C'est fondamentalement le code pour les deux divs latéraux. Ils sont complètement vides de tout sauf des images de fond que je veux faire défiler la longueur de la page.

Source

2010-11-19 00:00:12 Robert

étendre un div vide la longueur d'une page

Répondre

Questions connexes