HTML - Ie Displaying Unwanted Space At Bottom Of Page
Reference: http://investorsconnection.net
So if you load it up in FF, you see that there is a stripe that goes across the bottom of the page and it is flush to the bottom of the window. That is how it is supposed to be. In IE there is a space below that greyish stripe, and it's not supposed to be there. I can't figure out why! The stripe is div id "footer_bg". Thank you for the help! Similar TutorialsI taught myself HTML, so I'm not the greatest at it, but I get by. My problem is that on a page I am currently working on (and it's happened to me in the past as well) there is a small space at the bottom of the page that shouldn't be there. It's weird because it's there when the page first loads, but when I refresh it goes away. But why is it there in the first place. There's no stray <br> tags or anything and this is very basic HTML code, including tables. I don't see any other sites with this problem, what in the world could it be? I just asked a friend, and I don't think he's seeing it. The space is very noticeable. It's kind of embarrassing, a wrestling related page, but I'll include the link. I am using Internet Explorer, by the way. And I just noticed than when I click the link in my bookmarks, and hit "open in new tab", the space isn't there. Just odd. Anyway, here it is: http://steenerico.fwrestling.com/ Well, that link won't do any good, because apparently when it opens in a new window, the space doesn't show up. Argh. Try opening a new browser window and pasting the link into the address bar. I don't understand why there is white space at the bottom of the page. I am using negatives which one would assume would take away space and not add it. Below is the HTML and CSS codes. If someone could take a look at this and let me know what it is that I need to do to get rid of the white space at the bottom, I would be greatly appreciative. Thanks in advance. McClain HTML Code: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Blakeslee - Quality Commercial Dishwashing and Prep Equipment</title> <link rel="stylesheet" href="css/styles.css" type="text/css" /> </head> <body> <div id="header"></div> <div id="nav"></div> <div id="content"> <ul> <li class="premiere"><a href="#"><img src="images/p1.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Flight-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="primary"><a href="#"><img src="images/Rack_type_dishwasher.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Rack-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="endProduct"><a href="#"><img src="images/vegetable_peelers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Vegetable Peelers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="primary"><a href="#"><img src="images/door_type_dishwashers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Door-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="endProduct"><a href="#"><img src="images/food_slicers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Food Slicers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> </ul> <img id="productBg1" src="images/first_row_background.png" /> <div id="clear"></div> <ul class="Hproducts"> <li class="premiere"><a href="#"><img src="images/glass_washers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Glass Washers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="primary"><a href="#"><img src="images/undercounter_dishwashers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Undercounter Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="endProduct"><a href="#"><img src="images/planetary_mixers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Planetary Mixers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="primary"><a href="#"><img src="images/pot_utensil_washers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Pot & Utensil Washers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="primary"><a href="#"><img src="images/silver_stainless_burnishers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Silver/Stainless Burnishers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> </ul> </div> <img id="productBg2" src="images/second_row_background.png" /> </body> </html> CSS Code: body{ margin-right: 10%; margin-left: 10%;} #content,#nav,#productBg1,#productBg2,.Hproducts,.premiere,.primary,.title{ position:relative;} #header{ background:url(../images/header.gif) no-repeat; width: 100%; height: 496px;} #nav{ width:450px; height:60px; background-color:#000000; top: -220px; left:250px;} /*************************************************/ /******************* CONENT ***********************/ #content{ width: 1100px; top: -200px; margin-left: 50px;} #content ul{ display:inline;} #content ul li{ display:inline; list-style-type:none;} #content ul li a{ text-decoration:none; color: #1a4d9e;} #productBg1{ top: -110px; left:40px; z-index: -1;} #productBg2{ top: -410px; left:90px; z-index: -2;} .Hproducts{ top: -100px;} .premiere{ margin-left: 15px;} .endProduct{ margin-left: -180px;} .primary{ margin-left: -140px;} .title{ right: 200px; top:10px;} Hi on one of my websites there is just to much dead space at bottom of page and it makes people have to scroll down to see the whole page . how do i get rid of that blank space at bottom? i have tried just deleting but it doesnt want to delete it . i think there is a code error or two , im gonna try to post the html code of site here .. Thanks for help in advance . CODE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Exclusive - Template</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <STYLE type=text/css>#mainWrapper { MARGIN-TOP: 0px; FONT-SIZE: 12px; MARGIN-LEFT: auto; WIDTH: 732px; COLOR: #333333; MARGIN-RIGHT: auto; FONT-FAMILY: Arial, Helvetica, sans-serif } BODY { MARGIN-TOP: 0px; BACKGROUND-IMAGE: url(repeater-orange.jpg); BACKGROUND-REPEAT: repeat-x } #video-area { BACKGROUND-IMAGE: url(../ExclusiveTemplate/HTML/images/video-area-bg.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 385px } #footer { BORDER-TOP: #cccccc 1px dotted; MARGIN-TOP: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .style1 { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666 } </STYLE> <META content="Created with Trellian WebPage" name=description> <META content="MSHTML 6.00.2900.6036" name=GENERATOR></HEAD> <BODY> <DIV align=center> <TABLE style="Z-INDEX: 101; LEFT: 331px; WIDTH: 589px; POSITION: absolute; TOP: 103px; HEIGHT: 351px" height=351 cellSpacing=0 cellPadding=0 width=589 border=0> <TBODY> <TR> <TD><IMG style="WIDTH: 596px; HEIGHT: 334px" height=300 alt="" hspace=0 src="7fa10df874.jpg" width=600 border=0></TD></TR></TBODY></TABLE> <DIV id=mainWrapper style="WIDTH: 733px; HEIGHT: 1101px"> <DIV id=header align=left><IMG style="WIDTH: 732px; HEIGHT: 87px" height=84 alt="" hspace=0 src="header-orange.jpg" width=732 border=0> </DIV> <DIV align=center><IMG height=385 alt="" hspace=0 src="video-area-bg.jpg" width=732 border=0></DIV> <P align=center><FONT face=Default size=2><FONT face=Impact><FONT size=4><FONT face="Gill Sans MT" color=#ff0000><STRONG>Discover The Secret $35K/Month System That <U>WILL</U> Separate You From The Pack!</STRONG></FONT> <BR></FONT></FONT><FONT size=3><FONT face="Tw Cen MT"><FONT face="Lucida Sans Unicode" color=#000000 size=2>You Will Be Getting Instant Access To The Full 1on1 Training Course That <BR>Others Have Paid Upto $1,997 To Use For <U>FREE</U>! This Wont Last Long, Sign Up Today...</FONT></FONT></FONT><BR></FONT><IMG style="Z-INDEX: 102; LEFT: 374px; POSITION: absolute; TOP: 721px" height=111 alt="" hspace=0 src="arrow-hand.JPG" width=128 border=0> <SCRIPT src="http://www.jotform.com/min/g=jotform&3.1.9" type=text/javascript></SCRIPT> <SCRIPT type=text/javascript> JotForm.init(function(){ $('input_7').hint('ex: myname@example.com'); }); </SCRIPT> <LINK href="http://www.jotform.com/css/styles/form.css?v3.1.9" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/styles/jottheme.css" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/calendarview.css?v3.1.9" type=text/css rel=stylesheet> <STYLE type=text/css>.form-label { WIDTH: 50px! important } .form-label-left { WIDTH: 50px! important } .form-line { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .form-label-right { WIDTH: 50px! important } .form-all { FONT-SIZE: 12px; BACKGROUND: #ffffff; WIDTH: 250px; COLOR: #000000! important; FONT-FAMILY: "Trebuchet MS" } </STYLE> <FORM class=jotform-form id=3155437226 name=form_3155437226 accept-charset=utf-8 action=http://www.jotform.com/submit.php method=post><INPUT type=hidden value=3155437226 name=formID> </P> <DIV class=form-all> <DIV align=center> <UL class=form-section> <DIV align=left> <LI class=form-line id=id_9><LABEL class=form-label-right id=label_9 for=input_9>First Name<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_9><INPUT class="form-textbox validate[required]" id=input_9 size=30 name=q9_firstName9> </DIV></LI></DIV> <LI class=form-line id=id_7><LABEL class=form-label-right id=label_7 for=input_7>E-mail<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_7><INPUT class="form-textbox validate[required, Email]" id=input_7 size=30 name=q7_email7> </DIV></LI> <LI class=form-line id=id_8><LABEL class=form-label-right id=label_8 for=input_8>Phone Number<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_8><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_area size=3 name=q8_phoneNumber[area]> - <LABEL class=form-sub-label id=sublabel_area for=input_8_area>Area Code </LABEL></SPAN><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_phone size=8 name=q8_phoneNumber[phone]> <LABEL class=form-sub-label id=sublabel_phone for=input_8_phone>Phone Number </LABEL></SPAN></DIV> <DIV align=left></DIV></LI> <LI class=form-line-column id=id_2 style="WIDTH: 272px; HEIGHT: 168px"> <DIV class=form-input-wide id=cid_2 align=center> <P class=form-buttons-wrapper style="TEXT-ALIGN: center" align=center><INPUT style="WIDTH: 268px; HEIGHT: 69px" type=image height=69 alt=Submit width=280 src="get-instant-access.jpg" size=19 border=0></P> <DIV class=form-buttons-wrapper style="TEXT-ALIGN: center"><STRONG><FONT size=1>Primary Goal: Create The Next 20 "Internet Big Shots" This Year! (Your Background, Experience, Online Skills, Looks, Doesnt Matter...)</FONT></STRONG></DIV></DIV></LI></UL></DIV> <LI style="DISPLAY: none">Should be Empty: <INPUT name=website> <UL></UL></LI></DIV></DIV><INPUT id=simple_spc type=hidden value=3155437226 name=simple_spc> <SCRIPT type=text/javascript> document.getElementById("si" + "mple" + "_spc").value = "3155437226-3155437226"; </SCRIPT> </FORM><A href="index-orange.html#"></A><IMG style="Z-INDEX: 103; LEFT: 775px; POSITION: absolute; TOP: 722px" height=111 alt="" hspace=0 src="arrow-hand1.JPG" width=128 border=0> <TABLE style="Z-INDEX: 104; LEFT: 381px; POSITION: absolute; TOP: 902px" height=16 cellSpacing=0 cellPadding=0 width=506 border=0> <TBODY> <TR> <TD> <P class="style21 style1" align=center>Michael´s Millionaire Mentoring - Home - Privacy - Disclaimer - All Rights Reserved 2010</P></TD></TR></TBODY></TABLE></DIV> <DIV></DIV></BODY></HTML> Thanks again for help if you can.. Michael Hi! I've looked it over and over ant I can't seem to find the solution to this. A huge space appears on my webpage without permission! Here is the code HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <SCRIPT TYPE="text/javascript"> function popup(mylink, annonces) { if (! window.focus)return true; var href; if (typeof(mylink) == 'string') href=mylink; else href=mylink.href; window.open(href, annonces, 'width=600,height=600,scrollbars=yes'); return false; } // </SCRIPT> <TITLE>Duo: balalaika et piano -- Dmitri Nassyrov et Victoria Khramova</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; Charset=Windows-1251"> <META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0"> <META NAME="Author" CONTENT="Dmitri Nassyrov"> <META NAME="KeyWords" CONTENT="balalaika, Victoria, Khramova, Dmitri, Nassyrov, concerts, piano, duo, stringsandkeys, douce, soiree, histoire, du, balalaika"> <META NAME="Description" CONTENT="Le duo du balalaïka et du piano: Dmitri Nassyrov et Victoria Khramova, ont un repertoire tres varié: folklorique, classique, jazz, et autres... "> <TITLE>Duo:balalaïka et piano - Dmitri Nassyrov et Victoria Khramova</TITLE> <link rel="stylesheet" type="text/css" href="style.css" /> </HEAD> <div id="container"> <BODY BGCOLOR="#000000" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000" BACKGROUND="../img/bcknd.jpg" bgproperties="fixed"> <script language="javascript"> var u=13200; var vsbl=0; var l=''; </script> <script type="text/javascript" language=Javascript src="http://h1.hitslog.com/counter.js"></script> <script language="javascript"> document.write('<a href=http://hitslog.com/><img border=0 width=1 height=1 src=http://h1.hitslog.com/hl.php?'+l+'></a>'); </script> <noscript> <a href="http://hitslog.com/"><img border=0 width=1 height=1 src="http://h1.hitslog.com/hl.php?u=13200" alt="MySpace tracker"></a></noscript> <TABLE id="main"> <tR width=720 height=160> <td valign=top width=615 height=160><IMG width=615 height=160 alt="Duo: balalaïka et piano - Dmitri Nassyrov et Victoria Khramova" SRC="../site/IMG/HEADER2.gif"> </td> <td> <table valign=center width=105 height=75 cellpadding=0> <tr class="lang"> <img alt="En Français" border=0 src="../site/img/francaisclik.gif" > </tr> <tr class="lang"> <a href="../eng/index.html"><img alt="In English" onmouseover="this.src='../site/img/englishon.gif'" onmouseout="this.src='../site/img/english.gif'" onclick="this.src='../site/img/englishclik.gif'" border=0 src="../site/img/english.gif"></a> </tr> <tr class="lang"> <a href="../rus/index.html"><img alt="По-Русски" onmouseover="this.src='../site/img/russianon.gif'" onmouseout="this.src='../site/img/russian.gif'" onclick="this.src='../site/img/russianclik.gif'" border=0 src="../site/img/russian.gif"></a> </tr> <tr width=100 height=85> <img alt="Duo: balalaïka et piano - Dmitri Nassyrov et Victoria Khramova" src="../site/img/sideheader.gif"> </tr> </table> </td> </tR> <!--The big space is here--> <TR> <td colspan=2> <table width=720> <tr> <td valign=top> <TABLE valign=top> <TR> <TD class="menu"><A HREF="INDEX.HTML"><img src="../img/bienvenueclik.gif" alt="Bienvenue" border="0"></a></TD> </TR> <TR> <TD class="menu"><A HREF="DUO.HTML"><img src="../img/leduo.gif" alt="Notre duo" onmouseover="this.src='../img/leduoon.gif'" onmouseout="this.src='../img/leduo.gif'" onclick="this.src='../img/leduoclik.gif'" border="0"></A></TD> </TR> <TR> <TD class="menu"><A HREF="concerts.HTML"><img src="../img/concerts.gif" alt="Nos concerts" onmouseover="this.src='../img/concertson.gif'" onmouseout="this.src='../img/concerts.gif'" onclick="this.src='../img/concertsclik.gif'" border="0"></A></TD> </TR> <TR> <TD class="menu"><A HREF="audio.HTML"><img src="../img/audio.gif" alt="Notre musique" onmouseover="this.src='../img/audioon.gif'" onmouseout="this.src='../img/audio.gif'" onclick="this.src='../img/audioclik.gif'"border="0"></A></TD> </TR> <TR> <TD class="menu"><A HREF="historique.HTML"><img src="../img/historique.gif" alt="L'Histoire du balalaïka" onmouseover="this.src='../img/historiqueon.gif'" onmouseout="this.src='../img/historique.gif'" onclick="this.src='../img/historiqueclik.gif'" border="0"></A></TD> </TR> <TR> <TD class="menu"><A HREF="liens.HTML"><img src="../img/liens.gif" alt="Liens" onmouseover="this.src='../img/lienson.gif'" onmouseout="this.src='../img/liens.gif'" onclick="this.src='../img/liensclik.gif'" border="0"></A></TD> </TR> <TR> <TD class="menu"><A HREF="contact.HTML"><img src="../img/contact.gif" alt="Comment nous rejoindre" onmouseover="this.src='../img/contacton.gif'" onmouseout="this.src='../img/contact.gif'" onclick="this.src='../img/contactclik.gif'" border="0"></A></TD> </TR> </TABLE> </tD> <TD VALIGN=top> <table id="text" height=100% width=500 cellpadding=20 style="BACKGROUND: url('../site/img/textbcknd.jpg'); "> <tr> <!--<marquee id="test" onMouseOver="document.all.test.stop()" onMouseOut="document.all.test.start()" scrollamount="2" scrolldelay="20" width="100%" height="51" behavior="scroll" direction="left"><font face="arial" align=middle><i> <A HREF="annonces3.html" onClick="return popup(this, 'annonces',true)"><b>17 novembre - 20:00</b></A><br> Festival "From Russia With Love"<br> à la bibliothèque publique juive. </i></font></marquee>--> </tr> <tr> <td valign=top> <font face="times new roman" size=3> <h2>Un duo, c'est indivisible...</h2> <p align=justify>Dans un duo, le rôle de chaque musicien n'est pas seulement de compléter son partenaire, mais aussi de souligner la sonorité de son instrument.</p> <p align=justify>Notre duo est assez particulier et assez unique à Montréal. Les deux instruments composant notre duo sont: le piano et le balalaïka - instrument folklorique russe. Les possibilitées de cette union sont surprenantes, dans le répertoi folklore, classique, jazz...</p> <hr width=95%></hr> <p>Sur ce site, vous trouverez de l'information sur nos <A HREF="concerts.HTML">concerts</A>, vous pourrez écouter nos <A HREF="audio.HTML">enregistrements</A>, lire nos <A HREF="DUO.HTML">biographies</A>, et plus encore.</p> <p>Et, bien sûr, nous serons heureux de vous voir à nos concerts!</P> <p><i>Dmitri Nassyrov et Victoria Khramova</i></p> </TD> </tr> </table> </td> </tr> </table> </td> </TR> </TABLE> <font face="arial" size=1 align=right> &nb sp; &nb sp; &nb sp; Dmitri Nassyrov et Victoria Khramova © Tous droits réservés.</font> </BODY> </div> </HTML> I put "The big space is here" where the space occurs. The weird thing is that if I open the file in some html editing software (frontpage), it looks fine, but once I open it in IE, the space appears. Here is the style.css file if it needs checking: HTML Code: body { text-align: center; background-color: rgb(239,197,137); } #container { margin: 0 auto; } #main { border:0px; /* border="0" */ border-collapse:collapse; /* cellspacing="0" */ } #top { border:0px; /* border="0" */ border-collapse:collapse; /* cellspacing="0" */ } tr.lang { horizontal-align:left; width:100px; height:25px; } td.menu { width:220; height:40; } table { border-collapse:collapse; } #text { padding:20px; } Any help is appreciated. Thank you for your time! Hey; I'm trying to build this menu in a table. Each row has an image, which I'm using for a rollover. Altogether, the table should be 202 x 285 pix. The problem is, 5 pixels of blank space are being added under every image, (in the same row as the image), and I'm not sure why. Altogether, it's making my table 45 pix too large. Any help would be appreciated. HTML: <div id="menu"> <table border="0" cellpadding="0" cellspacing="0"> <tr><td ><img alt="Home" src="images/regHome.jpeg" /></td></tr> <tr><td><img alt="Program Information" src="images/regInformation.jpeg" id="Image2" onmouseover="MM_swapImage('Image2','','images/rollOverInformation.jpeg',1)" onmouseout="MM_swapImgRestore()" /></td></tr> ...etc</table></div> CSS: #menu { margin: 0 auto; text-align: left; color: #000000; font-family:Arial; position:relative; float:left; font-size: 18px; top:144px; !top:140px; height:271px; !height:100px; _height:100px; width:202px; !width:10px; _width:10px; float:left; background-color:#00FF00; } Hi, I have a problem. some of my HTML text appears differently in the browsers. for e.g - I want my text to show normally like this - Hi My name is raj. BUT on the browser it is showing as Hi M Y na me is r aj. How do I get rid of the unwanted space. Pease help somebody and thanks in advance (",) Whenever I use mouseover images on top of one another (in a column for example), there is always a small gap in between them. Is there anyway to get rid of this space? Even when I put border and vspace to 0 and even omit using a <br>, that annoying gap appears! Any suggestions? Hello, I'm having a problem with a form-style shopping cart button where some unwanted space appears to show up in IE, Safari, and Chrome. It doesn't show up in Firefox however. We're using a Paypal shopping cart system and I used the code they gave me. Any help would be appreciated. Thanks! Website address: http://sunglasseslounge.com/ code problem area: <td align="right" background="images/middlebar.gif"> <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="encrypted" value="-----BEGIN PKCS7----- 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 ztcERVPE7TG7Iycw==-----END PKCS7-----"> <input type="image" src="images/cart.gif" border="0" width="75" height="30" name="submit" alt=""> </form> </td> Hi All, I'm putting together a table for each item description in a list of products. I'm having trouble getting rid of some blank white space at the bottom of the column... I'm not sure why it insists on being there. Does anyone have any suggestions? Here is the page in question: http://www.nrs.to/phpbuild/product.php The table is just the photo of the desk, it's title, description, qty, etc. The next table down is the other item - forklift with the pretty photo. The blank white space I'm talking about is just below where it says: QTY: 1. I don't want the item description to be down so far below that. I posted the the code below for one of the the tables. Thanks so much, Todd <table cellpadding="7" cellspacing="0" border="0" align="center"> <tr> <td colspan="3" width="800"> <hr> </td> </tr> <tr> <td rowspan="2" align="right" valign="top" width="218"> <img src="inventory/100000a1.jpg" /> </td> <td valign="top" width="103"> ITEM#: 100000<br />QTY: 1 </td> <td valign="top" width="451">Oak Laminate Desk </td> </tr> <tr> <td colspan="2" valign="top" width="552">This desk has a very nice oak laminate finish. It is in very good condition.<br />Dimensions: 5' wide x 30" deep <a href="productdetail.php?id=100000"><span class="smallfont">Photo detail / more info</span></a> </td> </tr> </table> hello there's this blank space at the bottom of this site which i can't figure out. http://www.thebollocks.org/drop/rugged/ it's not part of the tables or background colors? thanks for your help sandy On every other page, my table around my content works, but on the main page: http://www.snowwhitedesign.com there is a lot of white space below my image. My entire image is broken down into 3 x 3 images, 9 total in the grid. All images have different heights and widths I constructed the table by first creating the larger table with the blue border, and then created separate vertical tables within each vertical <td> since the images are of different heights. Also, how can I get rid of that small border line running right through the middle of my image? thanks! I'm in a bit of a fix here regarding editing the html of a blogger page. http://bweissnews.blogspot.com/ The problem is the empty space between the end of the last post and the bottom of the window. The gap is too large and doesn't mesh well with pages with fewer posts. Anything I'm missing anything regarding that? Thanks so much in advance. I am stuck with this stupid code that i have been trying to fix for an hour! Please help. Heres my problem...: I want to embed a webpage within another and scroll it to the bottom of the page automaticly because i want the information at the bottom which is updated frequently. I also dont want a scroll bar, so all that is seen is the table. the website is www.totalfta.com. I want from below the ENTER|EXIT sign to the bottom of the table. I have attached what i have so far. ***I have the embed into another page, and the no scroll bar... i just want to make it auto scroll to the table..**** Thank you..! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-... <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tester</title> </head> <iframe height="410" width="100%" frameBorder="0" src="http://www.totalfta.com" mce_src="http://www.totalfta.com" scrolling="no" body onLoad="for (i=0;i<window.screen.availHeight;i++) {window.scroll(0,i); }"</iframe> <body> http://wantedfraternity.webs.com/officerschat.html At the very bottom of my page I've got a gap...and I cant seem to see whats causing it. I had this problem before on another page, but I was able to fix it. This one I just cant seem to. Now the grey background is suppost to go all the way down, but its got a black spot stopping it now. Any help on what is causing it I'd be greatful. Thanks I am a novice when it comes to html and can't figure out why there is a gap at the top and bottom of my web page in Mozilla? In AOL browser it is ok. http://www.nomoreheartdiseaseandstrokes.com Thanks I'm looking for some help getting an html table I created to be at the top of a page. It looks alright to me, but then when I post it to my blog it has like 50 blank lines and puts it at the bottom of the page. I want it right at the top. I'm not the best at html, especially tables... I just try and copy excisting table examples and add my own information. If someone can help it would be greatly appreciated. Heres the code: HTML Code: <table cellspacing="1" cellpadding="2" border="1"> <tbody></tbody></table><table border="6"> <tbody><tr> <td><b><center>Player</center></b></td> <td><b><center>G</center></b></td> <td><b><center>PA</center></b></td> <td><b><center>AB</center></b></td> <td><b><center>R</center></b></td> <td><b><center>H</center></b></td> <td><b><center>HR</center></b></td> <td><b><center>RBI</center></b></td> <td><b><center>BB</center></b></td> <td><b><center>SO</center></b></td> <td><b><center>SB</center></b></td> <td><b><center>BA</center></b></td> <td><b><center>OBP</center></b></td> <td><b><center>SLG</center></b></td> <td><b><center>OPS</center></b></td><b> </b></tr> <tr> <td align="middle">Corey Hart</td> <td>60</td> <td>221</td> <td>194</td> <td>34</td> <td>61</td> <td>10</td> <td>31</td> <td>21</td> <td>35</td> <td>15</td> <td>.314</td> <td>.391</td> <td>.531</td> <td>.922</td> </tr> <tr> <td align="middle">Carlos Lee</td> <td>76</td> <td>331</td> <td>292</td> <td>41</td> <td>85</td> <td>13</td> <td>60</td> <td>24</td> <td>30</td> <td>4</td> <td>.291</td> <td>.341</td> <td>.503</td> <td>.844</td> </tr> <tr> <td align="middle">Corey Hart Projected</td> <td></td> <td></td> <td>294</td> <td>51</td> <td>91</td> <td>15</td> <td>46</td> <td>31</td> <td>52</td> <td>22</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> </tr></tbody></table> Hi, i have tables on my site at the top, middle, right,left etc... but I can't seem to get one to stick at the bottom of the page, it just stays underneath the other page info, i want it to go right to the bottom.... any ideas? thanks I need help with this html page. I would like the disclaimer at the bottom of the page to not follow the body. Is that possible? Take a look at this html and let me know if it is possible to recode it to show the disclaimer across the entire width of the page bottom as in this url : http://www.stocktraderspress.com/mem..._01112012.html Here is the html code for the new page I am trying to edit: <html> <head> <title>Stock Traders Press :: 2011 Performance</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style3 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style4 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style11 {font-size: 10px} .style15 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .numbersbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: center; } .datebody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: right; } .tickerbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left; } .style17 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000" marginwidth="0" marginheight="0"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> </tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td colspan="5"> <table width="89%" border="1" cellpadding="10" cellspacing="0"> <tbody> <tr> <td valign="middle" bgcolor="#FFFFFF"> <table width="100%" border="0" cellpadding="2" cellspacing="0"> <tbody> <tr> <td colspan="5"><img src="/stp_logo.gif" width="363" height="42"></td> <td>*</td> <td><span class="style3">2011 Performance</span></td> </tr> <tr> <td colspan="2"><a href="/members/welcome.php">Go Back </a></td> <td colspan="5"><span class="style4">************************** </span></td> </tr> <tr> <td colspan="7"><span class="style4">These are the recommendations our Firm made in 2011 </span></td> </tr> <tr> <td colspan="7"><span class="style4">By purchasing an equal amount of every stock, you would have had an average gain of 9.41%</span> </td> </tr> <tr> <td width="87">*</td> <td width="115">*</td> <td width="80">*</td> <td width="79">*</td> <td width="197">*</td> <td width="140">*</td> <td width="175">*</td> </tr> <tr> <td colspan="2" class="style15">Closed Positions </td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> </tr> <tr bgcolor="#CCCCCC"> <td> <div align="center"> <strong><span class="style17">Stock</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Bought</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Sold </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Time Held </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Recommended) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Sold) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Profit/Loss</span></strong></div> </td> </tr> <tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">01/05/2011</td> <td class="numbersbody">04/29/2011</td> <td class="numbersbody">114 Days</td> <td class="numbersbody">$12.69</td> <td class="numbersbody">$18.20</td> <td class="numbersbody">43.42%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">CMG*</td> <td class="numbersbody">07/08/2011</td> <td class="numbersbody">08/18/2011</td> <td class="numbersbody">41 Days</td> <td class="numbersbody">$325</td> <td class="numbersbody">$285</td> <td class="numbersbody">12.36%</td> <td class="numbersbody">*Cover of a Short position</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">09/06/2011</td> <td class="numbersbody">10/24/2011</td> <td class="numbersbody">2 1/2 months</td> <td class="numbersbody">$11.11</td> <td class="numbersbody">$13.58</td> <td class="numbersbody">24.46%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">OLN</td> <td class="datebody">10/04/2011</td> <td class="numbersbody">10/27/2011</td> <td class="numbersbody">23 Days</td> <td class="numbersbody">17.17</td> <td class="numbersbody">$21.37</td> <td class="numbersbody">24.46%</td> </tr> |