2010-06-09 3 views
2

Je veux répéter une image de fond pour un div verticalement jusqu'au bas de la page.background image répétition verticale pour un div

#repeat { 
    background: url(repeat-image.png) repeat-y; 
    height: 100%; /* this does not work, but height: 1024px; does */ 
} 

Cela ne fonctionne pas. Je dois le faire en fonction de la conception de la page que j'ai. Cela peut-il être fait?

En ce qui concerne Vikram

Répondre

3

essayer de mettre height:100% pour votre <body> et <html> aussi. s'il n'y a rien sauf cette div sur votre page, 100% de hauteur sera 0px sans ces paramètres.

+0

Je n'avais pas essayé de régler la hauteur sur html, c'est pourquoi ça ne fonctionnait pas je suppose. Merci beaucoup. – vikmalhotra

2

Pour les pages Web, la hauteur est une chose amusante. Étant donné que les pages Web se développent verticalement, la hauteur totale de votre page peut effectivement être 0. Vous pouvez envisager d'utiliser min-height pour chaque élément nécessitant au moins une certaine hauteur. Vous pouvez utiliser la hauteur: 100% pour remplir toute la hauteur du parent.

+0

bonne idée. va essayer ça. – vikmalhotra