Background de 100% en hauteur et largeur

**Rexlapin** · 02/02/2007, 20h07

Bonjour,
je débute en html, ce que je voudrais faire c'est un menu dans une frame avec un background qui fasse 100% de la frame en hauteur et en largeur.

Le problème est que l'image de fond est sois trop petite, sois trop grande donc en fonction de la résolution il y'a des répétitions assez laides ou une image de fond qui est trop grande par rapport à la frame

.

J'ai cherché un moment et je suis un peu désespéré.
Pitié aidez-moi !

**Sancho_54** · 03/02/2007, 23h47

J'ai eu ce genre de soucis également et je ne sais pas comment faire aussi, je pense qu'il n'y a aucune solution pour ne pas te désepéré

.
Sinon pour éviter la répétition de ton background met dans ton CSS :
background-repeat : no-repeat

Tchao

**spidermang** · 05/02/2007, 00h50

du genre

Code :

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

1
2
3
4
 
<div style="position:absolute;height:100%;width:100%;z-index:-99;">
   <img src="ton_image" width="100%" height="100%" border="0">
</div>

voila

**Sancho_54** · 06/02/2007, 15h24

J'ai essayé ca mais je n'ai pas réussi à mettre l'image correctement. A moins que toi t'y es arrivé, alors dans ce cas je veux bien que tu m'aide

**spidermang** · 07/02/2007, 11h47

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
<html>
<head>
<style>
body
{
        margin:0;
        padding:0;
        border0;
        height:100%;
        width:100%;
}
.fauxbkg
{
        margin:0;
        padding:0;
        border:0;
        position:absolute;
        height:100%;
        width:100%;
        z-index:0;
}
.restedelapage
{
        position:relative;
        font:700 1.6em arial,serif;
        color:#cc0000;
        z-index:1;
}
</style>
</head>
<body>
<div class="fauxbkg">
   <img src="http://www.google.fr/intl/fr_fr/images/logo.gif" width="100%" height="100%" border="0">
</div>
<div class="restedelapage">
	<p>
	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 
	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 
	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 
	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 
	<p>
</div>
</body>
</html>

Background de 100% en hauteur et largeur

HTML

Discussions similaires

Partager

Partager