sign in | join about | help | sitemap
Connecting Tech Pros Worldwide
Membership is free - Join the Bytes Network
Bytes > Answers > HTML / CSS
hsahealthsavings's Avatar

Page Length


Question posted by: hsahealthsavings (Newbie) on August 22nd, 2008 10:58 PM
I made this page using a free html editor called formbreeze. The issue is
1) There is a whole bunch of white space at the end of the page that I cannot seem to figure how to get rid of
2) I have mozilla 2.0.016 and explorer 6.0.2900. The page elements appear in different places on the screen in each browser so I don't know exactly how to make them consistent with eachother.
Here is the page code:

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html> 
  3.  
  4. <head>
  5. <meta name="description" content="Free Weekly 30 Minute Teleseminar about HSA Health Savings Plans.  Best & newest strategies to fully maximize HSA tax & premium savings while growing your retirement account.">
  6.  
  7. <meta name="keywords" content="Health Savings Plans, Health Savings Plan, Health Savings Account Plans, HSA Providers, compare health insurance plans">
  8.  
  9. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  10. <title>HSA Health Savings Plans - Free Weekly 30 Minute Teleseminar  </title>
  11. <style>
  12. a.navwhite:link { text-decoration: none; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
  13. a.navwhite:visited { text-decoration: none; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
  14. a.navwhite:hover { text-decoration: underline; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
  15. a.navblack:link { text-decoration: none; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
  16. a.navblack:visited { text-decoration: none; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
  17. a.navblack:hover { text-decoration: underline; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
  18. </style>
  19. <style type="text/css">
  20. <!--
  21. .fsx01 {font-size: 11px;}
  22. .fsx02 {font-size: 12px;}
  23. .fsx03 {font-size: 13px;}
  24. .fsx04 {font-size: 15px;}
  25. .fsx05 {font-size: 16px;}
  26. .fsx06 {font-size: 19px;}
  27. .fsx07 {font-size: 21px;}
  28. .fsx08 {font-size: 24px;}
  29. .fsx09 {font-size: 27px;}
  30. .fsx10 {font-size: 29px;}
  31. .fsx11 {font-size: 32px;}
  32. .fsx12 {font-size: 35px;}
  33. .fsx13 {font-size: 37px;}
  34. .fsx14 {font-size: 48px;}
  35. .fsx15 {font-size: 64px;}
  36. .fsx16 {font-size: 96px;}
  37. .txdec {text-decoration: none;}
  38.  
  39. input,textarea,select {color:#000000;font-family:'Times New Roman';font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;}
  40. .dfltt {font-family:'Times New Roman';font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;text-align:left;color:#000000;}
  41. .dfltc {font-family:'Times New Roman';font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;text-align:left;color:#000000;}
  42. body {margin:0;height:100%;width:100%;}
  43. -->
  44. </style>
  45. </head> 
  46. <body bgcolor="#ffffff" alink="#004080" link="#004080" vlink="#800080"  TEXT=#004080>
  47.  
  48. <div id="Oobj2" style="Z-INDEX: 2; LEFT: 502px; VISIBILITY: visible; WIDTH: 12px; POSITION: absolute; TOP: 54px; HEIGHT: 23px">
  49. <div id="Grtf2" class="dfltt">
  50. <font face="Arial Narrow" class="fsx01" size="1"><strong>™<br></strong></font></div>
  51. </div><img 
  52. style="Z-INDEX: 8; LEFT: 566px; POSITION: absolute; TOP: 58px" height=46 
  53. hspace=0 src="image-files/SpeakToAnAdvisor_0001.jpg" width=248 border=0>
  54.  
  55. <div id="Oobj12" style="Z-INDEX: 4; LEFT: 204px; VISIBILITY: visible; WIDTH: 53px; POSITION: absolute; TOP: 51px; HEIGHT: 45px">
  56. <a href="index.html"><img name="Ggeo12" align="top" src="image-files/usaCa.gif" alt="HSAHealthSavings US Flag" border="0" width="68" height="50" hspace="0" style="Z-INDEX: 100; LEFT: -15px; POSITION: absolute; TOP: 0px"></a>
  57. </div>
  58.  
  59. <div id="Oobj18" style="Z-INDEX: 5; LEFT: 867px; VISIBILITY: visible; WIDTH: 72px; POSITION: absolute; TOP: -123px; HEIGHT: 1912px">
  60. <img style="Z-INDEX: 100; LEFT: 7px;  WIDTH:  72px; POSITION: absolute; TOP: -6px; HEIGHT: 2160px" height="1200" alt="sidebar" hspace="0" src="image-files/sidebar.gif" width="4" border="0" name="Ggeo18" ></div>
  61.  
  62. <div id="Oobj19" style="Z-INDEX: 6; LEFT: 173px; VISIBILITY: visible; WIDTH: 679px; POSITION: absolute; TOP: 156px; HEIGHT: 1372px">
  63. <h1 align="center"><strong><font color="#00008b" ><font face="Arial" ><font 
  64. size="5">Join us&nbsp;on our<font color="#ffb66c">   2008 Live, 
  65. Weekly 30 Minute</font> <br>HSA Health Savings Plans 
  66. <em>Free Teleseminar</em> 
  67. </font>   
  68.  
  69.  
  70.  
  71. </font></font></strong><font color="#00008b" size="4" ><font face="Arial"><font ><u><strong><br><br>TOPIC</strong></u>   
  72.  
  73.  
  74.  
  75. </font> </font>  
  76.  
  77.  
  78.  
  79. </font></h1>
  80. <p align="left"><font color="#00008b" size="4" ><font face="Arial"><font >   
  81.  
  82.         How to Save 30% 
  83. - 50% on Health Insurance Premiums&nbsp;with HSA Health Savings 
  84. Plans.&nbsp;</font> </font>  
  85.  
  86.  
  87.  
  88. </font><font color="#00008b" size="4" ><font face="Arial"><font >   
  89.         Learn the specific 
  90. simple strategies that will save you more in taxes.&nbsp; We'll also show 
  91. you how to grow a retirement fund faster every 
  92. year.</font> Our service is 
  93. free. </font>  
  94.  
  95.  
  96.  
  97. </font></p>
  98. <p align="left"><strong><font color="#00008b" size="4" ><font face="Arial"><font ><font 
  99. color=#ffb66c>Please register</font> now by filling out your name, and email 
  100. address below.&nbsp; You will receive an email shortly with&nbsp;your call-in 
  101. phone number &amp; access code.</font> </font>    
  102.  
  103.  
  104. </font></strong></p><script type="text/javascript" src="http://forms.aweber.com/form/32/2113179132.js"></script>
  105. <p align="center"></p>
  106. <p align="left"><font face="Arial" color="#004080">It is possible&nbsp;that your confirmation email 
  107. will be sent to your bulk or spam box.&nbsp; Please place </font><font face="Arial" 
  108. color=#004080><a 
  109. href="mailto:info@hsahealthsavings.com">info@hsahealthsavings.com</a></font><font face="Arial" 
  110. color=#004080> in your email address book of contacts to avoid this in the 
  111. future.</font></p>
  112. <p align="left">&nbsp;</p>
  113. <p align="center"><strong><font size="4"><font 
  114. face=Arial>ONGOING TELESEMINAR TIMES<br><br>TUESDAY EVES at 6:30 P.M. PST&nbsp; 
  115. &amp;&nbsp; THURSDAY at 11 A.M PST&nbsp; <br><br>The next Teleseminar is on 
  116. <font style="FONT-SIZE: 19px" color="#ff8000">Tuesday Septemeber 2nd at 6:30 P.M. 
  117. PST</font></font></font></strong></p>
  118. <p align="left"><font color="#00008b" ><font 
  119. face=Arial>*This Free 
  120. Weekly Seminar Focuses On Individual &amp; Family Health Insurance.&nbsp; 
  121. <br><br>Our seminar takes into account all 
  122. plans and carriers offered in California including both </font><a href="index.html"></a><a class="navblack" 
  123. href="index.html"><font face="Arial" size="3" color="#004080">HSA Health Savings 
  124. Plans</font></a><font face="Arial"> &amp; Non-HSA Plans (traditional health plans).&nbsp;&nbsp; 
  125. </font>   
  126.   </font><font style="FONT-SIZE: 16px"><br></font><font 
  127. style="FONT-SIZE: 19px" color=#000000><br><b><u><font face="Helvetica"><font 
  128. face=Arial>Are 
  129. you&nbsp;ready to discover...</font><br><br></font></font><font 
  130. style="FONT-SIZE: 16px" face="Times New Roman" color=#333399></u></b><i>* How simple an HSA Health Savings Plan is&nbsp;to 
  131. understand.&nbsp; After we help you to grasp a few simple key points, an 
  132. HSA is&nbsp;easier&nbsp;for you to&nbsp;manage than&nbsp;the traditional health plan you are used to.&nbsp; 
  133. And of course it&nbsp;offers much greater benefits and&nbsp;real 
  134. savings.&nbsp;</i>     
  135.  
  136.  
  137.   </font></p>
  138. <p align="left"><font 
  139. style="FONT-SIZE: 16px" face="Times New Roman" color=#333399><em>*&nbsp; The easiest 
  140. way&nbsp;to compare health insurance plans</em><br><i></i><br><i>* How to save 30-50%&nbsp;every year on Health 
  141. Insurance premiums by opening a Health Savings Account (HSA) that works in 
  142. partnership with your health insurance plan.&nbsp;&nbsp; </i><br><i></i><br><i>* 
  143. Strategies to maximize your year-end tax savings.&nbsp; Common savings range 
  144. from $800 to $1800+ every single year.&nbsp; In some cases, a person can 
  145. even&nbsp;move into a lower tax bracket resulting in even more dramatic tax 
  146. savings.<br><br>* How to funnel&nbsp;your new health premium savings 
  147. automatically into a growing, tax-free retirement account so that your finances 
  148. won't feel any impact at all,&nbsp;while your future now becomes more 
  149. secure.</i><br><i></i><br><i>* How&nbsp;certain HSA Providers will allow you to maintain (if desired) the same access to 
  150. your current PPO doctors, specialists, &amp; hospitals.&nbsp; In some cases, you 
  151. may save MORE however by switching carriers, but either way you'll save 
  152. money.&nbsp;<br></i><br><i>* How to actually increase &amp; widen your actual 
  153. insurance coverage, lessen your financial risk, all while receiving the above 
  154. discussed&nbsp;savings and benefits.&nbsp;&nbsp; </i><br><i></i><br><i>* Learn 
  155. exactly why insurance companies are not actively promoting and advertsing their 
  156. own HSA Health Savings Plans to the extent that they could &amp; 
  157. should.</i><br><i></i><br><i>* Common reasons why your current broker probably 
  158. has NOT accurately kept you up to date about the all the benefits of Health 
  159. Savings Account Plans&nbsp;that are available to you.&nbsp; We will explain what is likely 
  160. behind their thinking &amp; inaction.&nbsp; We are always respectful but honest 
  161. as this serves YOUR best interests.<br><br>* How to receive a 
  162. free&nbsp;automatic, comprehensive annual policy review EVERY YEAR so that you 
  163. will never again need to be concerned about being unaware of changes in the 
  164. health insurance marketplace.</font><font style="FONT-SIZE: 16px" face="Helvetica" 
  165. color=#000000></i><br><br></font><font style="FONT-SIZE: 16px" 
  166. color=#00008b><b><font face="Arial">Company Contact Information</font></font><font 
  167. style="FONT-SIZE: 16px" color=#000000></b><br><br></font><font face="Arial"><font 
  168. style="FONT-SIZE: 16px" color=#00008b>Phone :</font><font 
  169. style="FONT-SIZE: 16px" color=#00008b> </font></font><font 
  170. style="FONT-SIZE: 16px" face=Arial color=#00008b>1-877-888-9771 <br>Fax: 
  171. 1-866-929-6313</font><font style="FONT-SIZE: 16px" 
  172. color=#000000><br><br></font><font face="Arial"><font style="FONT-SIZE: 16px" 
  173. color=#00008b>Email :</font><font style="FONT-SIZE: 16px" color="#00008b"> <a 
  174. class=style1 
  175. href="mailto:info@hsahealthsavings.com"><u>info@hsahealthsavings.com</font><font 
  176. style="FONT-SIZE: 16px" color=#000000></a></font></font></u></p>
  177. <p align="left"><font style="FONT-SIZE: 16px" face="Arial" 
  178. color=#000000>675 Oak Run Trail Suite 206</font><font style="FONT-SIZE: 16px" 
  179. color=#000000><br></font><font face="Arial"><font style="FONT-SIZE: 16px" 
  180. color=#000000>Oak Park</font><font style="FONT-SIZE: 16px" color="#000000">, 
  181. </font></font><font style="FONT-SIZE: 16px" color="#000000"><font face="Arial">CA 
  182. 91377<br><br><b>Please call or email us for a free consultation</font></b></font><font style="FONT-SIZE: 16px" face="Times New Roman" 
  183. color=#000000></p></font>
  184. <div></div>
  185.  
  186. <div id="Oobj10" style="Z-INDEX: 9; LEFT: 190px; VISIBILITY: visible; WIDTH: 304px; POSITION: absolute; TOP: 1804px; HEIGHT: 95px">
  187. <div align="center" class="dfltt"><font size="2"><font 
  188. face="Palatino Linotype">&nbsp;&nbsp;&nbsp; Your<font color="#004080" > <a href="index.html"><strong>Health 
  189. Savings Account</strong>  </a>&nbsp;</font>Professionals!</font></font></div>
  190. <div align="center" class="dfltt"><font size="2"><font 
  191. face="Palatino Linotype"><font class="fsx05" >&nbsp; </font>
  192. <br>
  193. <font color="#000080" ><b>HSA Health Savings</b></font></font></font><font face="Palatino Linotype" size="2"> - "Today's" Health 
  194. Insurance</div></font><div align="center" class="dfltt"><font 
  195. face="Palatino Linotype" size=2>©&nbsp;2008 - All Rights Reserved, </font>     <b><font face="Arial"><font face="Palatino Linotype" size="2">CA 
  196. License #0F60071</font>  <br></div></font></b>
  197. </div>
  198.  
  199. <div id="Oobj4" style="LEFT: 543px; VISIBILITY: visible; WIDTH: 120px; POSITION: absolute; TOP: 2007px; HEIGHT: 100px"  ><img style="Z-INDEX: 100; LEFT: -262px; POSITION:  absolute; TOP:  -313px" height="100" alt  ="HSA Health Savings" hspace=0 src="image-files/logo2HSA.jpg" width=120 border=0 ></div></font></div>
  200. <p align="center"><img 
  201. style="Z-INDEX: 7; LEFT: 255px; POSITION: absolute; TOP: 54px" height=53 alt="HSA Health Savings Trademark Logo" 
  202. hspace=0 src="image-files/HSAHealthSavingsLogo1_0001.jpg" width=245 
  203. border=0></p>
  204. <p align="center">&nbsp;</p>
  205. <p align="center">&nbsp;</p>
  206. <p align="center">&nbsp;</p>
  207. <p align="center">&nbsp;</p>
  208. <p align="center">&nbsp;</p>
  209. <p align="center">&nbsp;</p>
  210. <p align="center">&nbsp;</p>
  211. <p align="center">&nbsp;</p>
  212. <p align="center">&nbsp;</p>
  213. <p align="center">&nbsp;</p>
  214. <p align="center">&nbsp;</p>
  215. <p align="center">&nbsp;</p>
  216. <p align="center">&nbsp;</p>
  217. <p align="center">&nbsp;</p>
  218. <p align="center">&nbsp;</p>
  219. <p align="center">&nbsp;</p>
  220. <p align="center">&nbsp;</p>
  221. <p align="center">&nbsp;</p>
  222. <p align="center">&nbsp;</p>
  223. </body> 
  224. </html>
3 Answers Posted
eWish's Avatar
eWish August 22nd, 2008 11:24 PM
Moderator - 815 Posts
#2: Re: Page Length

This section of code is what you are probably seeing as whitespace. Remove this and it should go away. Also, I would suggest that you validate your HTML markup before you go much further.

Expand|Select|Wrap|Line Numbers
  1. <p align="center">&nbsp;</p>
  2. <p align="center">&nbsp;</p>
  3. <p align="center">&nbsp;</p>
  4. <p align="center">&nbsp;</p>
  5. <p align="center">&nbsp;</p>
  6. <p align="center">&nbsp;</p>
  7. <p align="center">&nbsp;</p>
  8. <p align="center">&nbsp;</p>
  9. <p align="center">&nbsp;</p>
  10. <p align="center">&nbsp;</p>
  11. <p align="center">&nbsp;</p>
  12. <p align="center">&nbsp;</p>
  13. <p align="center">&nbsp;</p>
  14. <p align="center">&nbsp;</p>
  15. <p align="center">&nbsp;</p>
  16. <p align="center">&nbsp;</p>
  17. <p align="center">&nbsp;</p>
  18. <p align="center">&nbsp;</p>
  19. <p align="center">&nbsp;</p>


When posting code here you are expected to use the [code][code] tags.

--Kevin
hsahealthsavings's Avatar
hsahealthsavings August 23rd, 2008 03:19 AM
Newbie - 5 Posts
#3: Re: Page Length

Quote:
Originally Posted by eWish
This section of code is what you are probably seeing as whitespace. Remove this and it should go away. Also, I would suggest that you validate your HTML markup before you go much further.

Expand|Select|Wrap|Line Numbers
  1. <p align="center">&nbsp;</p>
  2. <p align="center">&nbsp;</p>
  3. <p align="center">&nbsp;</p>
  4. <p align="center">&nbsp;</p>
  5. <p align="center">&nbsp;</p>
  6. <p align="center">&nbsp;</p>
  7. <p align="center">&nbsp;</p>
  8. <p align="center">&nbsp;</p>
  9. <p align="center">&nbsp;</p>
  10. <p align="center">&nbsp;</p>
  11. <p align="center">&nbsp;</p>
  12. <p align="center">&nbsp;</p>
  13. <p align="center">&nbsp;</p>
  14. <p align="center">&nbsp;</p>
  15. <p align="center">&nbsp;</p>
  16. <p align="center">&nbsp;</p>
  17. <p align="center">&nbsp;</p>
  18. <p align="center">&nbsp;</p>
  19. <p align="center">&nbsp;</p>


When posting code here you are expected to use the [code][code] tags.

--Kevin


Thanks for answering. I already tried removing those 19 lines and nothing happened. It is uncanny. Can I specify page length with a tag of some sort. That is all I can think of. By the way what is the purpose of HTML Markup?
oler1s's Avatar
oler1s August 23rd, 2008 04:21 AM
Expert - 666 Posts
#4: Re: Page Length

Quote:
Originally Posted by
By the way what is the purpose of HTML Markup?
To indicate the semantical structure of your document (headings, paragraphs, quotations) intended for the web.
Reply
Not the answer you were looking for? Post your question . . .
197,046 members ready to help you find a solution.
Join Bytes.com

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 197,046 network members.
Post your question now . . .
It's fast and it's free

Popular Articles

Top HTML / CSS Contributors
Quick Browse:
Communities / Archives
XML / CSS | HTML | Javascript | PHP | Perl | Visual Basic | Python | C++ / C | Java | .NET / C# / VB / XML / ASP.net | ASP
PostgreSQL | MS SQL | Oracle | IBM DB2 | MS Access | MySQL

About Bytes | Sitemap | Privacy Policy | Terms of Use
Copyright 1995-2008 Bytes.com. All rights Reserved