Skip navigation
Currently Being Moderated

Can't get rid of space without the page shifting out of view

Nov 28, 2012 8:44 PM

Tags: #content #scroll #can't #space #stuck #side #<p> </p>

Hello. I've got a big space appearing above my title line in this page. http://www.sarahpellerdesign.com/jordan/schooner.html See how there is a lot of white space above the words "Schooner Adventuress"? So, I went to the code and saw this on line 56:  <p>& n b s p;</p> (put spaces in there, otherwise it won't show up)

I tried to delete that line and it resulted in the entire page below the nav bar shifting over to the right, so that it is sort of "attached" to the right end of the nav bar. When I preview it in the Chrome browser, it looks like nothing's changed, but it remains shifted to the right in dreamweaver. Unfortunately, in that position, I can't get to the content. It's stuck off the side of the page and I can't scroll over to it.

 

Anyone know how to fix this?

 

Thanks!

 
Replies
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Nov 29, 2012 4:19 AM   in reply to sarahpeller

    You mentioned the fix yourself! Remove this line (Line 56 in HTML):

     

    <p>& n b s p;</p>

    (without spaces)

     

    It fixes the issue.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 29, 2012 10:03 AM   in reply to sarahpeller

    Hi Sarah -

     

    Code view is a better place to delete unwanted code precisely. 

    In design view you can accidently remove more than you intended and disrupt your layout.

     

    You also have some wonky partial table code at the very bottom.

     

    <table width="850" border="0" align="center" cellpadding="0" cellspacing="0">

    <tr>  </tr>

    </table>

     

    After you remove it, run your URL through the validator at

    http://validator.w3.org/

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 30, 2012 1:12 PM   in reply to sarahpeller

    On lines 66 & 73 you're missing sets of  <td> </td> tags.  Careless code errors like this may render OK in browsers but not in DW Design View. 

     

    Validate code often during development & fix reported errors.

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.sarahpell erdesign.com%2Fjordan%2Fschooner.html

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 30, 2012 1:13 PM   in reply to sarahpeller

    Did you repair the table structure errors?

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Nov 30, 2012 7:19 PM   in reply to sarahpeller

    But it is still totally messy in the design view of Dreamweaver. I can't understand where I'm going wrong...

    Design view is generally only for reference purposes. Have you tried checking in 'Live' view in Dreamweaver? That will give you a more precise indication.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points