?
Solved

Unwanted space

Posted on 1999-12-07
1
Medium Priority
?
197 Views
Last Modified: 2012-05-04
I have a page that is placing space at the bottom of the page between the bottom border include file, and the rest of the body.  The problem started as I took away an image from the left border of the page, and tried to fill the empty space in.  The space just got wider with every try.  Here is the code;

<html><head><script language="JavaScript">
if (document.images) {
 var normIM = new Array(8);
 normIM[0] = new Image();
 normIM[0].src = "images/nav/b_about.jpg";
 normIM[1] = new Image();
 normIM[1].src = "images/nav/n_club.GIF";
 normIM[2] = new Image();
 normIM[2].src = "images/nav/lgoright.GIF";
 normIM[3] = new Image();
 normIM[3].src = "images/subnavigation/golfsubnav/leftcurve.GIF";
 normIM[4] = new Image();
 normIM[4].src = "images/subnavigation/aboutsubnav/profile1.GIF";
 normIM[5] = new Image();
 normIM[5].src = "images/subnavigation/aboutsubnav/coprofile2.GIF";
 normIM[6] = new Image();
 normIM[6].src = "images/subnavigation/aboutsubnav/builders1.GIF";
 normIM[7] = new Image();
 normIM[7].src = "images/subnavigation/aboutsubnav/homes1.GIF";
 normIM[8] = new Image();
 normIM[8].src = "images/subnavigation/aboutsubnav/golf1.GIF";            
 

 var overIM = new Array(8);
 overIM[0] = new Image();
 overIM[0].src = "images/nav/b_about.jpg";
 overIM[1] = new Image();
 overIM[1].src = "images/nav/n_club.GIF";
 overIM[2] = new Image();
 overIM[2].src = "images/nav/lgoright.GIF";
 overIM[3] = new Image();
 overIM[3].src = "images/subnavigation/golfsubnav/leftcurve.GIF";
 overIM[4] = new Image();
 overIM[4].src = "images/subnavigation/aboutsubnav/profile2.GIF";
 overIM[5] = new Image();
 overIM[5].src = "images/subnavigation/aboutsubnav/coprofile2.GIF";
 overIM[6] = new Image();
 overIM[6].src = "images/subnavigation/aboutsubnav/builders2.GIF";
 overIM[7] = new Image();
 overIM[7].src = "images/subnavigation/aboutsubnav/homes2.GIF";      
 overIM[8] = new Image();
 overIM[8].src = "images/subnavigation/aboutsubnav/golf2.GIF";      
 
}

var currDown = 0;
function doMouseOver(inNum) {
 if (document.images && inNum != currDown) {
  document.images[inNum].src = overIM[inNum].src;
 }
}
function doMouseOut(inNum) {
 if (document.images && inNum != currDown) {
  document.images[inNum].src = normIM[inNum].src;
 }
}
</script>



<title>Crooked Creek Golf - Development Company Profile</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#003300" link="#336633" vlink="#003300" alink="#336633">
<a name="top"></a>
<table border="0" width="600" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="images/nav/b_about.jpg" width="456" height="45"></td>
    <td ><img src="images/nav/lgoright.gif" width="143" height="67"></td>
  </tr>
  <tr valign="top">
    <td><img src="images/nav/n_about.GIF" width="456" height="22" usemap="#About Navigation" border="0"></td>
  </tr>
</table>
<map name="About Navigation">
  <area shape="RECT" coords="409,2,445,19" href="default.asp">
  <area shape="RECT" coords="357,2,406,19" href="contact.asp">
  <area shape="RECT" coords="319,1,353,19" href="news.asp">
  <area shape="RECT" coords="259,1,315,19" href="golf.asp">
  <area shape="RECT" coords="123,2,255,19" href="overallcomminfo.asp">
  <area shape="RECT" coords="42,1,119,19" href="search.asp">

</map>
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<table border="0" width="600" cellspacing="0" cellpadding="0" bgColor=green height=1091 style="HEIGHT: 1091px; WIDTH: 600px">
  <tr valign="top">
    <td bgcolor="#ffffff">
     
    <table border="0" cellspacing="0" cellpadding="0" width="100%"
            id=TABLE1>
      <tr>
        <td><img alt="General Information"
                        border=0 height=20
                        src="file://\\Fs2\wwwroot\crookedcreekgolf\images\subnavigation\communitysubnav\general1.GIF"
                        width=108></td>
      </tr>
      <tr>
        <td><img src="file://\\Fs2\wwwroot\crookedcreekgolf\images\subnavigation\aboutsubnav\profile1.GIF" width="108" height="20"
                        alt="Community Profile"
                        border="0"></td>
        <td></td>                
      </tr>
      <tr>
          <td><img src="images/subnavigation/golfsubnav/sidegolfer.GIF" width="108" height="274"
                        style="HEIGHT: 274px; WIDTH: 108px"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
         
        <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
  <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
        <td><img src="images/subnavigation/golfsubnav/sidespacer.GIF" width="108" height="34"></td>
        </tr>
  <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
        <td><img src="images/subnavigation/golfsubnav/sidespacer.GIF" width="108" height="34"></td>
        </tr>
  <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
        <td><img src="images/subnavigation/golfsubnav/sidespacer.GIF" width="108" height="34"></td>
        </tr>
  <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
        <td><img src="images/subnavigation/golfsubnav/sidespacer.GIF" width="108" height="34"></td>
        </tr>
  <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
        <td><img src="images/subnavigation/golfsubnav/sidespacer.GIF" width="108" height="34"></td>
        </tr>
  <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
          <td><img src="images/subnavigation/golfsubnav/sidespacersm.GIF" width="108" height="1"></td>
        </tr>
        <tr>
        <td><img src="images/subnavigation/golfsubnav/sidespacer.GIF" width="108" height="34"></td>
        </tr>
      </table><img src="file://\\Fs2\wwwroot\crookedcreekgolf\images\subnavigation\golfsubnav\sidespacer.GIF"

      td<>
    <td bgcolor="#ffffff">
           
      <table border="0" width="100%" cellpadding="10">
        <tr valign="top">
          <td width="50%">
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><b><font color="#336633">Company
                        Profile</font></b></font></p>
                   
         



 
          <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Since its incorporation, Keneth G.
                        Horton Developments has been the catalyst behind many of
                        the most impressive new community projects in the
                        Atlanta area. For more than fifteen years, Atlanta has
                        been witness to the creation of these very popular
                        developments.</font></p>
          <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The hugely successful Sugar Mill
                        Community in rapid growing Duluth has been the corner
                        stone for the Kenneth G. Horton Development Companies
                        and serves as a testament to the quality of both
                        lifestyles and living a professionally developed and
                        maintained community can provide.</font></p>
            <div align="center"><img src="file://\\Fs2\wwwroot\crookedcreekgolf\large\house.jpg"
                        width="265" height="177"
                       ></div>
            </td>
          <td>
            <p align="center"><img src="file://\\Fs2\wwwroot\crookedcreekgolf\small\smallstroller.jpg"
                        width="168" height="115"
                       ></p>
          <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">The same philosophy of creating an
                        atmosphere for families and professionals is eminent
                        throughout the Crooked Creek community. With spacious
                        homesites, elegant architecture, abundant amenities, and
                        highly sought after locations, Kenneth G. Horton
                        development completes more than 150 homesites annually
                        with prices ranging between $280,000 and
                        $600,000.</font></p>
          <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">At any Kenneth G. Horton
                        Development, we create not just a collection of
                        impressive homes, but a community of exquisite
                        living.</font> </p>
        </td>
        </tr>
        <tr valign="top">
          <td width="50%" colspan="2">
            <div align="center"><img src="file://\\Fs2\wwwroot\crookedcreekgolf\images\khlogo.GIF"
                        width="180" height="54"
                       ></div>
          </td>
        </tr>
      </table>
      </td>
  </tr>
  <tr valign="top">
    <td bgcolor="#ffffff"><img height=51
            src="file://\\Fs2\wwwroot\crookedcreekgolf\images\subnavigation\golfsubnav\leftbottom.GIF"
            style="HEIGHT: 51px; WIDTH: 108px" width=108></td>
    <td bgcolor="#ffffff">
      <div align="center"><!--#include file="bottomnav.asp"--></div>
      <br>
      </td>
  </tr>
</table></font></p>
<br>
</body>

</html>

I want a page with no spaces.
0
Comment
Question by:khagen
1 Comment
 
LVL 2

Accepted Solution

by:
mblase earned 200 total points
ID: 2263118
The culprit is in your second <TABLE> tag:

<table ... height=1091 style="HEIGHT: 1091px; WIDTH: 600px">

Eliminate those height and style attributes and you'll be fine.
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Suggested Courses

601 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