Problème avec ma masterpage

**Kris0311** · 23/08/2010, 13h49

Bonjour à tous,

Je viens donc vers vous car j'ai un soucis au niveau de ma masterpage, car j'aimerais avoir 2 colonne (droite et gauche de la page) qui soit de la longueur de ma page.

je vous met le code que j'ai ecrit, et si vous pouviez m'indiquez quelles sont les choses qu'il me manque pour y arriver:

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
49
50
51
52
53
54
55
56
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
        <style type="text/css">
         .html,body
            {
                 margin:0;
                 background-color:Gray;
                 height:100%
             }
 
        .header
            {
                 width:100%;
                 text-align:center;
            }
        .footer
            {
                 width:100%;
                 text-align:center;
            }
        .Left
            {
 
                height:100%;
                width:20%;
                float:left;
                overflow:auto;
                background-color: #00294C;
 
 
            }
        .Right
            {
                height:100%;              
                width:20%;
                float:right;
                overflow:auto;
                background-color: #00294C;
            }
        </style>
</head>
<body>
    <div class="header">Bienvenue</div>
    <div class="Left"></div>
    <div class="Right"></div>
    <asp:ContentPlaceHolder ID="contentPlaceHolder1" runat="server">contenu</asp:ContentPlaceHolder>
    <div class="footer">Copyright®</div>
</body>
</html>