Extra Vertical space problem in Dreamweaver

by 6 replies
10
I was hoping someone could help me with a problem I'm having in Dreamweaver. I often have the problem where extra vertical space appears when I preview a page in a browser. The problem is fairly consistent between different browsers though the extra space is sometimes less in IE.

For an example of the problem go to:

What Do You Do

If you scroll down to the bottom of the text area you will see a large blank space at the end of the text. For all the screwing around I did at least the space is at the end instead of in the middle. Extra space often appears between layout tables.

Any suggestions would be most appreciated. I don't have much hair left to tear out. Thanks
#website design #dreamweaver #extra #problem #space #vertical
  • Hi Promptor,

    I gave your website a quick look and this I know what will fix your issue for you. Since you are using tables and not pure CSS for the layout of the site, you have some table column definitions that have their height set to a fixed pixel amount. This amount makes more space than is necessary for the table causing the white space at the bottom. There are three places you need to make changes on your webpage.

    Find these three lines

    @line #560
    Code:
    <td colspan="4" align="center" height="7909" nowrap="nowrap" valign="top"><img src="what-do-you-do_files/texturedspacer.jpg" alt="spacer" height="3" width="145"></td>
    @line #561
    Code:
    <td align="left" bgcolor="#f2f1f3" valign="top" width="15"><div align="left"><img src="what-do-you-do_files/grad14b.jpg" alt="edge" height="7909" width="14"></div></td>
    @line #1074
    Code:
    <td align="left" bgcolor="#f2f1f3" valign="top" width="15"><div align="right"><img src="what-do-you-do_files/grad14.jpg" alt="edge" height="7909" width="14"></div></td>
    You can see in each of the three blocks of code the parameter height="7909". Change each of these to height="7650". I copied the entire page and made these changes in my own environment and the white space was trimmed down to a proper size.

    Should be a quick fix, let me know if you have any problems.

    Vossman
    • [ 1 ] Thanks
    • [2] replies
    • God bless you Vossman I'll give that a try and let you know.
    • Way to go Vossman!

      That certainly did the trick, but I have a question.

      First of all the line numbers where different, but I assume that is from pasting the code in a different environment. I assume from your post that you're not using Dreamweaver.

      What was weirder is that the parameters of the lines where in a completely different order, but I suppose this could also be due to a different environment.

      My question is - since I have this type of problem often and I certainly don't expect you to fix all my pages, could you tell me how you came up with the number 7650 in place of 7909?

      As a side note I often get this extra space between layout tables.

      Thank you again.
      • [1] reply
Join the discussion

Next Topics on Trending Feed

  • 10

    Extra Vertical space problem in Dreamweaver

    I was hoping someone could help me with a problem I'm having in Dreamweaver. I often have the problem where extra vertical space appears when I preview a page in a browser. The problem is fairly consistent between different browsers though the extra space is sometimes less in IE. For an example of the problem go to: