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

    Empty space issue

    rjfoster03

      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:

           

          http://validator.w3.org/

           

          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

            Hi,

             

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

             

            3484

            3559

             

            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 !

             

            --

            Martin

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

              hi

               

              in your css code , u can reset all values

               

              ex:

               

              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.

              best


              • 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.