How to set width and heigth 100% without scroll bar in website?

Question

0.00/5 (No votes)

See more:

Hai everyone
How to set full page .i.e width and height 100% without appear scroll bar. Don't consider address bar only.my need is website appear in full page in all browser including ie8 and also in all screen resoultions,pls give some sample code ,like full page background color ok,no need to put controls,just full page background enough but scroll bar not appear without consider address bar only,if search bar,tool bar is there scroll bar can appear.

This is my code,but color not appear in full page,if i set height as pixel can appear but small white space is appear bottom of page when i test in different browsers.

May be use java script to calculate width and height of inner browser and set to a page using java script at run time.

ASP.NET

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%;">
<head runat="server">
    <title></title>
</head>
<body style ="margin :0px; height :100%" >
    <form id="form1" runat="server" >
    <div style="height: 100%;">
    
    <table width="100%"  border="0" cellpadding="0" cellspacing="0"  style ="background-color :red">
            <tr>
                <td> </td>
                <td> </td>
                <td> </td>
            </tr>
            <tr>
                <td> </td>
                <td> </td>
                <td> </td>
            </tr>
            <tr>
                <td> </td>
                <td> </td>
                <td> </td>
            </tr>
        </table>
    
    </div>
    </form>
</body>
</html>

pls reply asap
Thanx
Aravind

Posted 13-Jun-13 18:28pm

Aravindba

Updated 13-Jun-13 20:05pm

v3

Add a Solution

Comments

Mohibur Rashid 14-Jun-13 4:57am

just set the table height 100%

Aravindba 14-Jun-13 6:04am

where i set ? in html tag or body tag or diz tag ? where where ?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sunasara Imdadhusen · Answer 1 · 2013-06-14T02:03:00

Hello Arvind,
Use following code to get complete (full height and width) background color of your page

XML

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        html {
            margin: 2px;
            padding: 0;
        }

        body {
            font-size: .85em;
            font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
            margin: 0;
            padding: 0;
            background-color:gray;
            width:100%;
            height:100%;
        }
    </style>
</head>
<body>
</body>
</html>