css et master page

Version imprimable

css et master page

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:

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:

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;
}

13/05/2010, 12h50
paonus

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?
13/05/2010, 13h51
Msysteme

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)
16/05/2010, 17h03
12monkeys

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à...
16/05/2010, 22h00
Msysteme

merci c'est interessant ce que tu m'a envoyé la.

Comment puis je créer des pages dédié a paramétrer une css, j'espere que tu as un exemple ???
16/05/2010, 23h04
12monkeys

Désolé je n'ai pas compris. Qu'est ce que tu entends par "pages dédié a paramétrer une css" ?
17/05/2010, 00h20
Msysteme

mon but c'est de laisser le paramétrage du css a l'utilisateur sans se perdre dans le codage et les classe de la css???