hauteur d'une page

**halimux** · 19/01/2010, 08h16

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..

**Issam** · 19/01/2010, 08h31

heu ... c'est quoi le problème déjà ?

**halimux** · 19/01/2010, 08h50

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

CUCARACHA · 19/01/2010, 09h21

salut,

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

CUCARACHA · 19/01/2010, 09h24

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 :

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
 
<%@ 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

**nsanabi** · 19/01/2010, 16h50

utilise le style

Code :

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

overflow-y: scroll

sur ton div central

hauteur d'une page

ASP.NET

Discussions similaires

Partager

Partager