Problème ajustage fond de site

Version imprimable

Bonjour,

Je sait que ma question peut paraitre bannale, mais mes diverses recherches sur internet n'ayant pas aboutit, je m'en remet a vous :D

Je cherche a étirer le fond de mon site, et la balise "width:100%" ne semble pas marcher. Tout du moins, je ne sait pas ou la placer ( ni comment la rédiger ) pour que mon fond soit étiré. C'est bête, mais je n'y arrive vraiment pas.

Voila le code que j'ai:
Code:

1 2 3 4 5 6 7 8 9 10 11 body {<div style="display:none"><![CDATA[<body>]]></div> <div style="display:none"><![CDATA[<body>]]></div> background:#000; background: transparent center url("http://img59.imageshack.us/img59/3599/foto8po7.jpg")no-repeat fixed; margin:0; padding:20px 10px; text-align:center; font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif; color:#333; font-size/* */:/**/small; font-size: /**/small; }
Ou dois-je placer ma balise ?

Pour le langage que j'utilise, j'ai trouvé sa, je pense que l'info est dedans :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Voila, je ne suis pas un pro :)

ps: pour info, mon site est en fait un blog sur blogger, si sa peut vous aider.

02/01/2008, 19h16
Bisûnûrs

C'est quoi ces balises HTML dans le CSS ?!

Et il n'est pas possible d'étirer une image de fond en CSS.
02/01/2008, 19h31
Kblonde

Je ne sait pas trop... Ce n'est pas moi qui est conçu le template, et je suis loin d'etre une bete en HTML et en CSS.

S'il n'est pas possible d'étirer une image de fond en CSS, comment faire pour quand même l'étirer avec du HTML ?

Si tu as accès au code HTML de ton blog, tu peux mettre une image en position:absolute et non pas en fond, même si ça donnera l'impression d'un fond.

Exemple :
Code:

1 2 3 4 5 6 7 8 9 <body> <img src="monimagedefond.jpg" id="fond" /> <div id="site">  </div> </body>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 html, body { height:100%; } #fond { height:100%; width:100%; position:absolute; top:0; left:0; } #site { position:relative; }