Discussion :

[sliderman]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="message"></div>

CODE : CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$('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 ?

[SpaceFrog]

tu es en repeat-X ... elle ne se repèteras donc pas en Y ..