image en fond qui prenne toute la place de son conteneur

**funckfot** · 05/04/2006, 10h41

je veut metre une image en fond sans qu'elle soit repeté, je veut juste qu'elle la totalité de la place de son conteneur
j'avai trouver une solution qui était

Code :

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
17
18
19
20
 
#arriere {
position: relative;	/* dimension et positionnement du bloc conteneur  de l'image */
 
height : 100%;
width : 100%;
}
#arriere img {
 
width : 100%;
height: 100%;
}
#arriere p {
position: absolute;	/* placement du texte par-dessus l'image */
top: 0pt;
left: 1em;
font-size: 1.5em;
color: white;
 
}

sur ma page

Code :

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

1
2
3
4
5
<table cellpadding='5' width='100%' class='deux'>
					<tr>
								<th colspan=2 height='30'><div id='arriere'><img alt='' src='image/inforubrique.jpg' height='10'/>
								<p class='inforubrique'>Liste des Partenaires</p></th>
					</tr>

le seul probleme c que sur FF et IE le text n'es pas placé au meme endroit donc c tout moche

je pense qu'il y a une autre solution mais je sai pas laquelle
je galère depuis un peti moment dessus pas moyen de trouver un solution convenable je ne sais plus koi faire

**franculo_caoulene** · 05/04/2006, 10h57

Salut,

Tu veux mettre une image en arrière plan et tu veux qu'elle n'apparaisse qu'une fois mais qu'elle prenne toute la place du conteneur, c'est ça?

**funckfot** · 05/04/2006, 11h03

ben oui
mais je pense que je m'embete un peu trop pour rien
je croi avoir trouver la solution mais j'en suis pas sur, car il me semble l'avoir deja fait, et sa pas marché

j'ai mi tout simplement

Code :

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

1
2
3
4
5
 
td.inforubrique
{
background: url(../image/inforubrique.jpg);
}

mais se que je compren pas c que j'ai deja essayer sa

et sa vai pas marcher et la tout va bien donc je me mefie

ps: j'ecri mieux (lol)

**franculo_caoulene** · 05/04/2006, 11h10

En fait, le problème c'est que l'image de fond ne s'adapte pas au conteneur par la taille mais par le nombre. Tu peux définir la taille de conteur à la taille de l'image si tu es certain que le contenu n'agrandira pas le conteneur.

PS: non tu n'écris pas mieux et c'est très désagréable. Merci d'y remédier sérieusement (désole mais ça m'exaspère).

**funckfot** · 05/04/2006, 11h20

oui c'est sa, et je ne suis pas certain que le contenu n'agrandira pas le conteneur!!

et justement le dernier bout de code :

Code :

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

1
2
3
4
5
 
td.inforubrique
{
background: url(../image/inforubrique.jpg);
}

il ne me donne pas l'image en entier je l'ai sur toute la largeur mais pas sur sa hauteur
(il doit en manquer la moitier)

ps: j'essai de mieux ecrire mais je fait des fautes sans m'en rendre compte
et je les vois pas, mais je fait de mon mieux(dsl)