griser une zone de la page

Version imprimable

Bonjour tout le monde,

j'ai une page qui contient un formulaire, j'ai pu grisé les zones suivantes : header et le footer , mais le probleme est pour la barre gauche, je doit fixer le height de div qui fait le fonctionnement de griser, alors que la hauteur de la page est dynamique selon les cases cochées etc.... ci dessous le script css que j'ai mis en fonction mé ca marche pas il grise une partie et une partie reste toujours visible :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 opacity: 0.75; -ms-filter: "alpha (opacity=75)"; filter: alpha (opacity=50); -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:silver none repeat scroll 0 0; height:549px; /*height = 100%*/ margin-left:5px; opacity:0.5; position:absolute; top:140px; width:171px;
Merci beaucoup d'avance pour votre aide

12/10/2009, 15h19
sebhm

Bonjour,

Citation:

je doit fixer le height de div qui fait le fonctionnement de griser, alors que la hauteur de la page est dynamique selon les cases cochées etc....

moi pas comprendre toi

est-ce qu'on peut avoir un bout de HTML avec stp ?

Merci pour ta rép,, et ci dessous le bout de code CSS et HTML

Code:

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
 
#kalk1 {
	opacity: 0.75;
	-ms-filter: "alpha (opacity=75)";
	filter: alpha (opacity=50);
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:silver none repeat scroll 0 0;
	height:540px;
	margin-left:5px;
	opacity:0.5;
	position:absolute;
	top:140px;
	width:171px;
}
</style>
<div class="col_gauche1"  style="padding-left:7px;" >
  <div class="gauche1A">
    <div class="gauche5A"></div>
  </div>
  <div class="gauche1B">
    <div class="gauche5B"></div>
  </div>
  <div class="gauche1C">
    <div class="gauche2C"><a href="" class="animaux2_lien" title=""><span class="etiquette">blabla</span></a></div>
    <div class="gauche5C"></div>
  </div>
  <div class="gauche1E">
    <div class="gauche2E"></div>
    <div class="gauche3" style="position:relative;">
      <div  class="gauche4E">blablab</div>
      <div  class="gauche4E">bablabla</div>
    </div>
    <div class="gauche5E"></div>
  </div>
</div>
<div id="kalk1">&nbsp;</div>
</div>

merci encore une fois

Peux tu être plus clair ?
je n'ai pas compris ce que tu veux faire.

et si quelqu'un peut m'expliquer cette partie là :
Code:

1 2 3 4 5 6 7 opacity: 0.75; -ms-filter: "alpha (opacity=75)"; filter: alpha (opacity=50); -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:silver none repeat scroll 0 0;
ca serait gentil

18/10/2009, 12h42
12monkeys

Bonjour

Comme sebhm, je suis pas sur d'avoir compris ta demande. Cependant il me semble que ce que tu cherche c'est le système des colonnes factices ? Une petite recherche sur ce terme dans google et tu trouvera ton bonheur...

Sinon faut présenter un schéma de ce que tu veux...