asked on

need help with table spacing and white lines

hey all, i need some help. i've got my table just about figured out. i am having a minor problem when the page is maximized. the background color of the extension of the banner on the right doesn't go all the way to the end of the page. it stops short about 5-10 pixels. also, there is about a 1 pixel white divider between my top banner image and the blank blue background cell to the right of that. i need this divider gone. it doesn't show up when the page is sized to about 900px, but it shows up once you maximize the page.

here is my code below. also, all of this is up on the development server of: http://111.222.333.444, in case you need to pull any of the images for testing.

please show me specifically what i need to change to get this to work. please do not send me new code to copy and paste. i'd like to know exactly what i'm doing wrong and exactly where to make changes.

thanks!

trevor

<HTML>
<HEAD>
<TITLE>STP</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="keywords" content="STP, pathology, pathologists, toxicology, histology, research">
<LINK rel="stylesheet" type="text/css" href="/style.css" />
</HEAD>
<BODY>
<SCRIPT language="javascript" src="/STPMenuCode.js"></SCRIPT>
<SCRIPT language="javascript" src="/STPMenu.js"></SCRIPT>
<NOSCRIPT>The STP Navigation System requires JavaScript. Please enable it in your
browser.</NOSCRIPT>
<TABLE border='0' cellpadding='0' cellspacing='0' width="100%">
<TR>
<TD rowspan="2" colspan='3' align="left" height="117px" width="800px"><IMG SRC='/topbanner.jpg' width="800px"></TD><TD bgcolor="#242061" height="103px" valign="top" align="left"><IMG SRC="spacer.gif" height="103px"></TD>
</TR>
<TR>
<TD bgcolor="white" height="14" valign="top" align="left"><IMG SRC="spacer.gif" height="14px"></TD>
</TR>
<TR>
<TD align="left" bgcolor="#242061" width="138px" valign="top">
<TABLE WIDTH=137 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor=white>
<form name="search" action="/membersonly/search.asp" method=post>
      <TR>
            <TD COLSPAN=2>
                  <IMG SRC="/searchimages/search_01.jpg" WIDTH=15 HEIGHT=16></TD>
            <TD>
                  <IMG SRC="/searchimages/search_02.jpg" WIDTH=86 HEIGHT=16></TD>
            <TD ROWSPAN=3>
                  <input type=image SRC="/searchimages/search_03.jpg" WIDTH=38 HEIGHT=46></TD>
      </TR>
      <TR>
            <TD ROWSPAN=2>
                  <IMG SRC="/searchimages/search_04.jpg" WIDTH=13 HEIGHT=30></TD>
            <TD COLSPAN=2 width=88 height=26 align=center valign=middle>


                   <INPUT TYPE="hidden" NAME=FORMSUBMIT VALUE="TRUE">
<input type="text" name="SearchString" size="10">
                  </TD>

      </TR>
      <TR>
            <TD>
                  <IMG SRC="/searchimages/search_06.jpg" WIDTH=2 HEIGHT=4></TD>
            <TD>
                  <IMG SRC="/searchimages/search_07.jpg" WIDTH=86 HEIGHT=4></TD>
      </TR>
      </FORM>
</TABLE><IMG SRC="/sidebar.jpg" width="138"></TD>
<TD valign="top" width="25px"> </TD><TD valign="top" width="637px"><br>

<P>The Guides for Toxicologic Pathology are a series of monographs introducing
the Standardized System of Nomenclature and Diagnostic Criteria used by
toxicologic pathologists around the world. These monographs are used to
diagnose proliferative and non-proliferative lesions in laboratory animals.
Divided by organ system, the Guides include morphologic descriptions
and color photomicrographs of spontaneous and induced lesions seen in
laboratory animal safety and efficacy evaluations. The Guides may be obtained
through the <A href="https://www3.afip.org/cgi-bin/bookstore.cgi#TOXIC" target="_blank">AFIP</A>.</P>
<P> </P>

</TD>
<TD> </TD>
</TR>
<TR>
<TD bgcolor='#242061' width="138px"> </TD>
<TD valign="top" width="25px"> </TD>
<TD colspan='2' align='center' width="637px"><br><br><font size='2'>
© 2005 by the Society of Toxicologic Pathology. All Rights Reserved.</font>
</TD>
<TD> </TD>
</TR>
</TABLE>

</BODY>
</HTML>

jericotolentino

Hi,

Add this attribute to your body tag.

<body margin="0">

As for the 1-pixel divider, it's not showing on my browser. Let me try Firefox and I'll let you know in a while.

jericotolentino

Firefox displays the same thing as IE6. Since there's a blue square (from where I see it) to the right of the logo on the right, it could be a tables issue. Check the values of your colspan tags and make sure they're right.

BTW, the margin attribute in the body is just used to set how many pixels the edge of the document is from the edge of the viewing area.

Hope this helps!

trevoray

ASKER

sorry, that didn't help (body margin=0). i'm checking in both IE 6 and firefox. you only see the white line and misspacing when your browser is open to like 1400 pixels.

anyone else willing to help me? i've checked and double checked all of my colspan tags and spacing and everything else i can think of. that's why i'm offering 500 pts on here.

thanks!

ASKER CERTIFIED SOLUTION

Andy

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

jericotolentino

Sorry, I was thinking CSS. ;-)

This should work:
<BODY style="margin:0px;">

I won't be able to solve problem though until I can find a monitor that can display that high a resolution (I'm at 1024x768).

Good luck!

Andy

Oh, I had to add the ip address so I could see the images. You can remove them if you like.