Problème ajustage fond de site

**Kblonde** · 02/01/2008, 20h10

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

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 css :

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

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 :

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

<!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.

**Bisûnûrs** · 02/01/2008, 20h16

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

Et il n'est pas possible d'étirer une image de fond en CSS.

**Kblonde** · 02/01/2008, 20h31

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 ?

**Bisûnûrs** · 02/01/2008, 20h44

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 :

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

1
2
3
4
5
6
7
8
9
<body>
 
<img src="monimagedefond.jpg" id="fond" />
 
<div id="site">
   <!-- ici le reste de ton site -->
</div>
 
</body>

Code css :

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

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;
}

Problème ajustage fond de site

HTML

Discussions similaires

Partager

Partager