4 Replies Latest reply on Mar 9, 2010 4:25 AM by rjfoster03

    Empty space issue


      I am working with a tables based template from DreamTemplates.com (template 0055) and need some help with regards to removing the empty space at at the bottom of a few pages.


      I have moved the margins at the bottom of the tables using the cursor, but when I check out the temporary site in Safari, the amount of white space is huge.  In IE, it is less amount of space.  I have also taken a look at the coding, but can't seem to locate what I should be adjusting.


      Here is a link to one of the pages in question.


      Can anyone give me any suggestions on how to alter the coding to do this?  I was not sure what the best way to post the coding here, so I left this off.


      Thanks for any help that you can provide.

        • 1. Re: Empty space issue
          Ben M Adobe Community Professional

          There are some validation errors with your page:




          Including no doctype defined, so browsers have to guess how it should render the page.  Then you have a <tr></tr> tag with no <td></td> in between.


          Next if you are talking about the spacing within the table all <p> tags have inherit margins and you can reduce that if you wish.  Outside of that I really don't see anything wrong or out of the ordinary with your code.

          1 person found this helpful
          • 2. Re: Empty space issue
            martincou Level 3



            Take out those 2 cells (td) height explicit pixel values :





            The big empty space that you have on the bottom should disapear.


            Furthermore, as SnakEyez02 suggest you, I think you should validate your site on W3C's site to make sure that your code is ok.


            Hope this help !




            • 3. Re: Empty space issue
              mahendra rajeshirke Level 2



              in your css code , u can reset all values




              body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, dt, dl, dd, form, blockquote, fieldset, input 
                   padding: 0;
                   margin: 0;

              to avoide browser issue.

              in your css code  there is below line

              TD {
                   font-family: Tahoma, Arial;
                   font-size: 10px;
                   color: #666666;
                   top: auto;
                   vertical-align: top;

              i think its not good , u can make class for perticular td.


              • 4. Re: Empty space issue
                rjfoster03 Level 1

                Thanks for all the

                help..... removing the height values did the trick.


                I will validate everything as well, once I move the files to it's hosting site.