I have limited experience with html, though I do have a rough idea what I am doing. I have a webpage that has graphics on the top and bottom to make a border around my content. The entire body of the webpage is in a table with 6 rows and 5 columns, so my webpage looks something like:
Everything looks fine in Dreamweaver and the table takes up 100% of the width and height like I want it do. However, when I push F12 to display it in Firefox, there is this annoying white gap between the bottom of the screen and my border, so instead of the border going all the way to the bottom of the screen, it stops and there is a white space, and I can't figure out why its there. I don't think it has anything to do with my monitor size, so I am not sure what it could be. Any help would be appreciated.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 //EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY LEFTMARGIN="0" MARGINWIDTH="0" TOPMARGIN="0" MARGINHEIGHT="0" bgcolor="#FFFFFF" text="#000033" link="#000099" vlink="#990099" alink="#990000">
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" width="100%" height="100%">
...........stuff in 6 rows, 5 columns
</TABLE>
</BODY>
</HTML>
Everything looks fine in Dreamweaver and the table takes up 100% of the width and height like I want it do. However, when I push F12 to display it in Firefox, there is this annoying white gap between the bottom of the screen and my border, so instead of the border going all the way to the bottom of the screen, it stops and there is a white space, and I can't figure out why its there. I don't think it has anything to do with my monitor size, so I am not sure what it could be. Any help would be appreciated.