Hauteur dynamique et image de fond
Bonjour,
Voila, j'ai une image de fond sur une div.
Cette div me sert à afficher des info dynamique. Donc cette div à une hauteur dynmique.
Mais voila, comme elle à une image de fond lorsque j'augmente (via js) la taille de la div
l'image de fond (en repeat-x) ne suit pas.
CODE : HTML
Code:
<div id="message"></div>
CODE : CSS
Code:
1
2
3
4
5
6
7
8
9
| div#message {
font-family: Arial;
font-size: 24px;
padding: 20px;
color: #404d7a;
border-bottom: 1px solid #cfcfcf;
background-image: url('/static/image/background.png');
background-repeat: repeat-x;
} |
CODE : JavaScript
Code:
$('message'}.setStyle({height: ($('message'}.getHeight()+30)+'px'});
Et donc l'image background.png ne suit pas lorsque je ragrandis la div
Je souhaiterais quelle s'étale sur toutes la div quelqu'en soit la taille.
Est ce que quelqu'un aurait une astuce, un contournement de cela, ou quelque chose qui pourrait agrandir l'image de fond ?
