Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 696
  • Last Modified:

Remove white space around web page using asp.net

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
OB1Canobie
Asked:
OB1Canobie
1 Solution
 
dave-agCommented:
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
 
OB1CanobieAuthor Commented:
That worked. Thanks.
0

Featured Post

Ask an Anonymous Question!

Don't feel intimidated by what you don't know. Ask your question anonymously. It's easy! Learn more and upgrade.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now