css et master page

**Msysteme** · 13/05/2010, 12h23

Bonjour, je viens de créer une master page gérée par une css, la hauteur de l'entete, corps et pied de page sont géré en pourcentage dans un fichier css, mais lorsque j'affiche la page je ne vois qu'un tableau dont la hauteur de chaque rubrique (entete, coprs..) est identique je sais pas comment dois je faire :

master page :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
    <table class="page" id="TABLE1">
    <tr>
    <td class = "headerLogo"></td>
    <td class = "headerTitle">titre</td></tr>
    <tr class = "corps">
    <td class = "menu">menu</td>
    <td class = "contenu" id = "content"><asp:contentplaceholder ID="Main" runat="server"></asp:contentplaceholder></td>
    </tr>
    <tr><td colspan = "2" class = "footer">
        <asp:Literal ID="ltlPiedDePage" runat="server" Text = "footer"> </asp:Literal></td></tr>
    </table>

css

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
46
47
48
.page
{
    margin-left: auto;
    margin-right: auto;
    background-color: green;
    position: relative;
    width: 95%;
    height : 95%;
}
 
.contenu 
{
    position: relative;
    width: 85%;
    height: 80%;  
}
 
.corps 
{
    position: relative;
    height: 80%; 
}
 
.menu 
{
    position: relative;
    width: 15%;
    height: 80%; 
}
 
.headerTitle
{
    position: relative;
    background-color: red;
    text-align: center;
    width: 85%;
    height: 15%;
    top : 0%;
}
 
.headerLogo
{
    position: relative;
    width: 15%;
    height: 15%;
    background-image : url(../images/logo.gif);
    background-repeat:repeat;
}

**paonus** · 13/05/2010, 12h50

Bonjour,

j'ai testé ton code, il s'affiche correctement.

"la hauteur de chaque rubrique (entete, coprs..) est identique je sais pas comment dois je faire" : dans la partie Design de visual studio?

**Msysteme** · 13/05/2010, 13h51

no c'est pas : lorsque je met par exemple
hauteur head = 20%
hauteur corpos = 85%
hauteur footer = 5%

je trouve un petit tableau en haut dont tous les parametre ont la meme hauteur (10px par exemple)

**12monkeys** · 16/05/2010, 17h03

Bonjour

Ton problème viens du parent qui n'a pas de hauteur déterminée : http://css.developpez.com/faq/?page=...ur_pourcentage

Donc faut donner une hauteur à html et body...

Petites remarques : ce genre de mise en page ne doit pas se faire avec des tableaux, mais avec des div... http://xhtml.developpez.com/faq/?pag...u_mise_en_page.

Et puis 20% + 85% + 5% = 110% ca va un peu déborder là...