hauteur d'une page

Version imprimable

19/01/2010, 08h16
halimux

hauteur d'une page

bonjour cher amis,
je suis entrain de développer une application web avec c#, constitue d'un header et page centrale et un footer

pour le header et le footer , j'ai fixé la hauteur en pixel , pas de probléme,

le probléme c'est avec la page central (qui contient le contenu), c'est un div
qui contient des composant pour chaque page, donc je peut pas fixer une taille, comme elle change d'une page a une autre

le probléme se pose avec internet explorer 7, et firefox, safari..
avec internet explorer 6 , sa marche tré bien..
19/01/2010, 08h31
Issam

heu ... c'est quoi le problème déjà ?
19/01/2010, 08h50
halimux

Le probléme, c'est que la page central, reste avec une hauteur fixe, malgré le contenu est trop grand, donc il ya un débordement sur la page

salut,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<div style="height: 800px;">
    <div style="height: 100px;">
    </div>
    <div style="height: 600px; overflow-y: scroll">
        <div id="metsTonContenuIci">
            bla bla bla
            <table style="height: 1200px">
                <tr>
                    <td>
                    </td>
                </tr>
            </table>
        </div>
        <div style="height: 100px">
        </div>
    </div>
</div>

Essaye un truc comme ça pour voir...

++

Laurent Jordi

ah oui, tu peux mettre le code source précédent dans une master page pour que toutes les pages aient la même mise en forme.

Ca donne :

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
 
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="MasterPages.Main" %>
 
<!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 id="pageTitle" runat="server"></title>
    <asp:ContentPlaceHolder ID="cphHead" runat="server">
    </asp:ContentPlaceHolder>
    <link href="/CSS/Main.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div style="height: 800px;">
        <div style="height: 100px;">
        </div>
        <div style="height: 600px; overflow-y: scroll">
            <div id="metsTonContenuIci">
                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                </asp:ContentPlaceHolder>
            </div>
            <div style="height: 100px">
            </div>
        </div>
    </div>
    </form>
</body>
</html>

++

Laurent Jordi

19/01/2010, 16h50
nsanabi

utilise le style

Code:

overflow-y: scroll

sur ton div central