Whitespace at bottom of each HTML page

Discussion in 'HTML & Website Design' started by cormac, Nov 29, 2005.

  1. #1
    I was wondering of anyone would know why my site has so much whitespace hanging at the bottom of my page - is my code messed up?

    Just cant seem to get it right :mad:
     
    cormac, Nov 29, 2005 IP
  2. sarahk

    sarahk iTamer Staff

    Messages:
    28,807
    Likes Received:
    4,534
    Best Answers:
    123
    Trophy Points:
    665
    #2
    this will do it
      <tr> 
        <td height="71">&nbsp;</td>
        <td width="501">&nbsp;</td>
    
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="36">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    
    Code (markup):
     
    sarahk, Nov 29, 2005 IP
  3. zhisede

    zhisede Peon

    Messages:
    103
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    what's your url?
     
    zhisede, Nov 29, 2005 IP
  4. my44

    my44 Peon

    Messages:
    722
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Yes, URL pls? Your CD burner website seems fine.

    But along the same line as sarahk, you need to check your HTML code and see if there are plenty of &nbsp; at the bottom of your page. Just remove them because they are the main culprit.
     
    my44, Nov 30, 2005 IP
  5. cormac

    cormac Peon

    Messages:
    3,662
    Likes Received:
    222
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks sarahk I will look into this.

    my44 what broswer are you using? It is the Burner site I am refering to.
     
    cormac, Nov 30, 2005 IP
  6. S2X

    S2X Active Member

    Messages:
    508
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    58
    #6
    Add this to your <body> tag
    
    
    bottommargin=0
    
    Code (markup):
     
    S2X, Nov 30, 2005 IP
  7. my44

    my44 Peon

    Messages:
    722
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I use FireFox.
     
    my44, Dec 1, 2005 IP
  8. minstrel

    minstrel Illustrious Member

    Messages:
    15,082
    Likes Received:
    1,243
    Best Answers:
    0
    Trophy Points:
    480
    #8
    I don't the "white space" see it in Internet Explorer 6 SP-2... did you get it fixed?
     
    minstrel, Dec 1, 2005 IP
  9. cormac

    cormac Peon

    Messages:
    3,662
    Likes Received:
    222
    Best Answers:
    0
    Trophy Points:
    0
    #9
    No I cant seem to get it right.

    I have tried removing the <td>&nbsp;</td> bits as sarahk had suggested but for some reason once I remove it and hit save the code comes back into place.

    You can see the white space that I mean right? Between the site map link at the bottom and the 'Top Of Page' link that is on each page?

    I can see it on the browsers that I have tested with including FireFox.

    Thanks for the help everyone.
     
    cormac, Dec 2, 2005 IP
  10. minstrel

    minstrel Illustrious Member

    Messages:
    15,082
    Likes Received:
    1,243
    Best Answers:
    0
    Trophy Points:
    480
    #10
    OK. Take out all the height specs in your tables and see what happens.
     
    minstrel, Dec 2, 2005 IP
  11. cormac

    cormac Peon

    Messages:
    3,662
    Likes Received:
    222
    Best Answers:
    0
    Trophy Points:
    0
    #11
    I just tried removing the heights of the tables but this didnt work for some of them so I tried replacing the height with 100% which seems to have worked.

    Thanks very much for pointing me in the right direction - this is not the first time you have saved me from wasting hours on my code :D
     
    cormac, Dec 2, 2005 IP
  12. minstrel

    minstrel Illustrious Member

    Messages:
    15,082
    Likes Received:
    1,243
    Best Answers:
    0
    Trophy Points:
    480
    #12
    :confused:

    I still see whitespace there.

    I don't understand why you can't just remove the height specifications in all components (if you leave one, your editor may put in the others to adjust perhaps).

    Also, as I think Sarah said earlier, you have some of these which are going to add whitespace:

      <tr> 
        <td height="100%">&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    
    Code (markup):
    That's a table row with two columns containing only blank spaces.
     
    minstrel, Dec 2, 2005 IP
  13. cormac

    cormac Peon

    Messages:
    3,662
    Likes Received:
    222
    Best Answers:
    0
    Trophy Points:
    0
    #13
    OK so I played around with the code again, not too much though. As far as I seen from my side the white space has been fixed - can you confirm this on your side?

    Again I appreciate the help each of you have given me on this - priceless suff.
     
    cormac, Dec 8, 2005 IP
  14. RectangleMan

    RectangleMan Notable Member

    Messages:
    2,825
    Likes Received:
    132
    Best Answers:
    0
    Trophy Points:
    210
    #14
    You should be using colspan instead of creating td's with &nbsp;
     
    RectangleMan, Dec 8, 2005 IP
  15. minstrel

    minstrel Illustrious Member

    Messages:
    15,082
    Likes Received:
    1,243
    Best Answers:
    0
    Trophy Points:
    480
    #15
    I can confirm it for IE6-SP2, turfsniffer: No more whitespace :D
     
    minstrel, Dec 8, 2005 IP
  16. cormac

    cormac Peon

    Messages:
    3,662
    Likes Received:
    222
    Best Answers:
    0
    Trophy Points:
    0
    #16
    Awww sweet!! Once again thank you for such great help. Now time for me to move on :D
     
    cormac, Dec 8, 2005 IP