Solved

Remove white space around web page using asp.net

Posted on 2009-07-09
2
672 Views
Last Modified: 2013-11-26
I have a web page built in asp.net that I am having issues with.  For some reason, there is white space around all four sides of the webpage, top, bottom, left, right.  I would like for my webpage to be 100% of screen with no white space on the edges.  I built the web page using tables and rows.  I can't seem to fix the issue.  I am using css style sheets to control the height of rows and other attributes.  I have attached the code below.  Thanks for the help.
<<webpage below>>

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

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

    <style type="text/css"></style>

    <link href="../main_site.css" rel="stylesheet" type="text/css" />    

</head>

<body>

    <asp:Table ID="tb_Body" Width="100%" Height="100%" BackColor="White" runat="server">

        <asp:TableRow>

            <asp:TableCell HorizontalAlign="Center" VerticalAlign="Top">

            <asp:Table ID="tb_Body2" width="100%" CellPadding="0" CellSpacing="0" runat="server">

                <asp:TableRow CssClass="TopRow1">                    

                    <asp:TableCell>

                        <asp:Table ID="tb_Top_Menu" width="866" HorizontalAlign="Center" runat="server">

                            <asp:TableRow HorizontalAlign="Right">

                                <asp:TableCell>

                                <!-- #Include virtual="../aa_includes/menu_top1.txt" -->

                                </asp:TableCell>

                            </asp:TableRow>                            

                        </asp:Table>                                                                                                        

                    </asp:TableCell>

                </asp:TableRow>

                <asp:TableRow CssClass="TopRow2">                    

                    <asp:TableCell>

                        <asp:Table ID="Table1" width="866" HorizontalAlign="Center" runat="server">

                            <asp:TableRow HorizontalAlign="Right">

                                <asp:TableCell>

                                <!-- #Include virtual="../aa_includes/menu_top2.txt" -->

                                </asp:TableCell>

                            </asp:TableRow>                            

                        </asp:Table>                                                                                                        

                    </asp:TableCell>

                </asp:TableRow>

                <asp:TableRow CssClass="SpacerRow">

                    <asp:TableCell></asp:TableCell>

                </asp:TableRow>

                <asp:TableRow>                    

                    <asp:TableCell>

                        <asp:Table ID="Table2" width="866" Height="413" HorizontalAlign="Center" runat="server">

                            <asp:TableRow HorizontalAlign="Right">

                                <asp:TableCell BackColor="Yellow">                                

                                </asp:TableCell>

                            </asp:TableRow>                            

                        </asp:Table>                                                                                                                                                                    

                    </asp:TableCell>

                </asp:TableRow>

                <asp:TableRow CssClass="SpacerRow">

                    <asp:TableCell>&nbsp;</asp:TableCell>

                </asp:TableRow>

                <asp:TableRow>                    

                    <asp:TableCell>

                        <asp:Table ID="Table3" width="866" HorizontalAlign="Center" runat="server">

                            <asp:TableRow HorizontalAlign="Right">

                                <asp:TableCell>

                                    <asp:Table ID="Table4" height="175" runat="server">

                                        <asp:TableFooterRow>

                                            <asp:TableCell Width="275" BackColor="Aqua"></asp:TableCell>

                                            <asp:TableCell Width="20"></asp:TableCell>

                                            <asp:TableCell Width="275" BackColor="Blue"></asp:TableCell>

                                            <asp:TableCell Width="20"></asp:TableCell>

                                            <asp:TableCell Width="275" BackColor="Maroon"></asp:TableCell>                                        

                                        </asp:TableFooterRow>                                                                            

                                    </asp:Table>                                                                                                

                                </asp:TableCell>

                            </asp:TableRow>                            

                        </asp:Table>                                                                                                                                                                                                            

                    </asp:TableCell>

                </asp:TableRow>

                <asp:TableRow CssClass="SpacerRow">

                    <asp:TableCell></asp:TableCell>

                </asp:TableRow>

                <asp:TableRow CssClass="BottomRow">

                    <asp:TableCell CssClass="TopRowMenu">Copyright 2008-2009 © LW 9900 

                    Almeda Genoa Rd Thomas, LA 77075 (337) 910-1911</asp:TableCell>

                </asp:TableRow>                       

            </asp:Table>                        

            </asp:TableCell>    

        </asp:TableRow>

    </asp:Table>

</body>

</html>

 

<<style sheet below>>

body {

}

tr.TopRow1

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	height: 30px;

	background-repeat: repeat;

	background-image: url('//aa_images/top_menu1_bg.gif');

	background-attachment: fixed;

	background-color: #75bee7;

}

tr.TopRow2

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: normal;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	background-color: #0997cc;

	height: 85px;

}

tr.BottomRow

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	background-color: #75bee7;

	height: 85px;

}

tr.SpacerRow

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	height: 20px;

}

td.TopRowMenu

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	color: #FFFFFF;

	background-image:url('//aa_images/top_menu1_bg.gif');

}

td.TopRowMenu:hover

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	color: #FFFF00;

	background-image: url('//aa_images/top_menu1_bg.gif');

	text-decoration: underline;

}

td.TopRowMenu:link

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	color: #FFFF00;

	background-image: url('//aa_images/top_menu1_bg.gif');

	text-decoration: underline;

}

td.TopRowMenu2

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: normal;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	color: #FFFFFF;

}

td.TopRowMenu2:hover

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	color: #FFFF00;

	text-decoration: underline;

}

td.TopRowMenu2:link

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: normal;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	color: #FFFF00;

}

td.TopRowMenuSeperators

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	font-style: normal;

	text-align: right;

	line-height: normal;

	vertical-align: middle;

	background-color: #99CCFF;

	color: #FFFFFF;

}

Open in new window

main-site.zip
0
Comment
Question by:OB1Canobie
2 Comments
 
LVL 1

Accepted Solution

by:
dave-ag earned 500 total points
Comment Utility
The css style (either inline or in your css section) for your <body> tag should include "margin:0px". That should do the trick in all browsers.
0
 

Author Closing Comment

by:OB1Canobie
Comment Utility
That worked. Thanks.
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now