Client Side Web Development

Re: Table design... problem.

ChaitanyaC — Sat, 04 Jul 2009 05:08:13 GMT

Hey, this is the vary tricky issue in designing, it's tough to give 100 % height to page, but this is the solution for all browsers supported, try.....but i would suggest to give some fixed with and height before you put all your contents inside for handling internal scrolbars.

----------------------------------

<title>Untitled Page</title>

<style type="text/css">

body { overflow-y:auto; overflow-x : hidden; position:relative; height: 100%; margin:0 ; padding :0;}

.dvstyle

{

position:fixed; top:0; bottom:0; border: solid 1px black; width:99%; height:99%;

}

*html .dvstyle

{

position:absolute;top:0;bottom:0;

}

</style>

</head>

<body>

<div class="dvstyle">

<table>

<tr>

Your contents are here.

</td>

</tr>

</table>

</div>

</form>

</body>

-------------------------------

visit this link also:

http://www.cssplay.co.uk/layouts/fixed.html#

Re: Table design... problem.

harieis — Fri, 03 Jul 2009 12:51:05 GMT

Hello

Add this style in the div

style="min-height:500px"..

In this case, the Low resolution monitor it will display with the scroll bar..Other high resolution Monitors(ex MAC)

it will be correct ...

Re: Table design... problem.

b007 — Fri, 03 Jul 2009 12:35:26 GMT

But I need it to fit to any resolution of screen / browser,

So that the Table will be fill from bottom to top of the page..

What to Do?

Re: Table design... problem.

harieis — Fri, 03 Jul 2009 11:07:21 GMT

I think you are created a master page.So add this code in the div.

Add the height as per your reqiurement.I jst told 400px.

Re: Table design... problem.

b007 — Fri, 03 Jul 2009 10:21:23 GMT

But 400px is not fill my all table from bottom till top...

Re: Table design... problem.

harieis — Fri, 03 Jul 2009 09:42:55 GMT

Hello

We cannot the set the height of a table/div as %(100%).Only pixel... In your case

Add this line in the table:

It will work fine in all resoltuion.

Re: Table design... problem.

b007 — Fri, 03 Jul 2009 09:09:43 GMT

Why exactly 500px?

is it fix to all resolutions?

Thanks..

Re: Table design... problem.

harieis — Fri, 03 Jul 2009 08:20:35 GMT

Hello

Please change the height as 500px(your exac height)..Add as a pixel.

Re: Table design... problem.

b007 — Fri, 03 Jul 2009 06:49:04 GMT

I wonna keep the width in a specific size,

my problem is the height, I want the table to be from bottom to top of the page.

What should I change?

Thanks..

Re: Table design... problem.

harieis — Fri, 03 Jul 2009 06:32:49 GMT

<div id="Content">...... in the "content" u written as the width of the div is 850px..please change that width and add 100%..it will work

Table design... problem.

b007 — Thu, 02 Jul 2009 20:23:13 GMT

Hi.

I just added a table in my site which I would like it to be in a specific Width and in height 100% on whole page (from Top to Bottom)

[what I got now it's not on whole height (top to bottom..)

I did this:

<head runat="server">
    <title></title>
     <style>
    #Content
        {
            direction: rtl;
            border-style: dashed;
            border-color: Black;
            border-width: 1px;
            text-align: center;
            font-family: Arial;
            font-size: 13px;
            vertical-align: middle;
            margin: 0px auto;
            padding: 0px;
            width: 850px;
            padding-top: 0px;
        }
     </style>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body bgcolor="black" topmargin="0px" style="height:100%;">
    <form id="form1" runat="server"> 
    <div id="Content">
    <table id="Tbl1" runat="server" height="100%" width="100%" bgcolor="White">
    <tr>
    <td>
        <b>Title</b></td>
    </tr>
    <tr>
    <td style="direction: rtl; text-align: right">
        <asp:LoginView ID="LoginView1" runat="server">
            <LoggedInTemplate>
                Hello
                <asp:LoginName ID="LoginName1" runat="server" />
            </LoggedInTemplate>
            <AnonymousTemplate>
                Guest
            </AnonymousTemplate>
        </asp:LoginView>
 <asp:LoginStatus ID="LoginStatus1" runat="server" LoginText="LogIn" 
            LogoutText="LogOff" />
                 
        <asp:HyperLink ID="HyperLink_Admin" runat="server" 
            NavigateUrl="~/Admin/Admin.aspx">Admin</asp:HyperLink>
     <hr style="border-style:dotted; border-width:0.6px; border-color:Gray;" />
    </td>
    </tr>
    <tr>
    <td>
    </td>
    </tr>
    <tr>
    <td><asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </td>
    </tr>
    </table>
        
    </div>
    </form>
</body>
</html>

What I did wrong?

How to fix it?

Thanks...