Discussion :

[stefsas]

Bonjour,

J'ai réalisé un découpage de ma page en plusieurs zones avec le code css suivant :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#centre
{
 width: 85%; 
 float: left;
 height: 38.5em;  
}
 
#ZoneInfoCritère
{
 float: left;   
 width: 100%; 
 height: 3em; 
 border-bottom:solid 2px #AFBAB8; 
}  
 
 
#ZoneFiltre  
{
 float: left;   
 width: 20%; 
 height: 36.3em; 
 border-right:solid 2px #AFBAB8;  
}  
 
 
#ZoneTableau  
{position:relative;
 float: left;   
 width: 79%;  
 }

Mon découpage se fait de cette manière :

Code :

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

1
2
3
4
5
<div id="centre">
  <div id="ZoneInfoCritère"> Infos </div>  
    <div id="ZoneFiltre"> Critères de filtre </div>
     <div id="ZoneTableau"> Tableau </div>
  </div>

Mon problème est que je n'arrive pas à écrire sur la totalité de ma zone définie par ZoneTableau alors que c'est possible sur les deux autres.

Est-ce que quelqu'un voit le problème ?

[Jonathan Petitcolas]

Je ne comprends pas ton problème. Je viens de faire quelques tests, et il m'est possible d'écrire sur toute la largeur et toute la hauteur de la zone tableau. :/

Par ailleurs, à quoi te sert la ligne position: relative; ?

Enfin, tu peux enlever le float: left; de ta div ZoneInfoCriteres : il ne sert pas à grand chose vu que tu lui donnes une largeur de 100 %.