Skip navigation
sarahpeller
sarahpeller
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!

558 Views   8 Replies   Latest reply: Sudarshan Thiagarajan, Nov 30, 2012 7:19 PM
 
Replies
  • Sudarshan Thiagarajan
    3,729 posts
    Oct 15, 2010
    Currently Being Moderated
    1. Sudarshan Thiagarajan,
    Nov 29, 2012 4:19 AM   in reply to sarahpeller
    Report

    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:
  • Ken Binney
    Currently Being Moderated
    2. Ken Binney,
    Nov 29, 2012 10:03 AM   in reply to sarahpeller
    Report

    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:
  • sarahpeller
    Currently Being Moderated
    3. sarahpeller,
    Nov 30, 2012 1:06 PM   in reply to Sudarshan Thiagarajan
    Report

    Thank you both for your comments. Unfortunately, I'm still having the same troubles. I know that I can delete that weird bit of code in the code view. Only problem is that when I do, the page moves out of range and I can't get in there in case I want to edit again. See how it looks here:

    Screen shot 2012-11-30 at 1.01.22 PM.png

    And I can't get in there to change/see the text and images. Notice no scroll bar. Also, usually the page will shift into its rightful place if I click outside of the tables, but this one isn't budging... Is this just unfixable? Do I need to just work on the code side? I really prefer to see the layout.

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    4. Nancy O.,
    Nov 30, 2012 1:12 PM   in reply to sarahpeller
    Report

    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:
  • Ken Binney
    Currently Being Moderated
    5. Ken Binney,
    Nov 30, 2012 1:13 PM   in reply to sarahpeller
    Report

    Did you repair the table structure errors?

     
    |
    Mark as:
  • sarahpeller
    Currently Being Moderated
    6. sarahpeller,
    Nov 30, 2012 1:52 PM   in reply to Ken Binney
    Report

    Did you repair the table structure errors?

     

    I did, thanks

     
    |
    Mark as:
  • sarahpeller
    Currently Being Moderated
    7. sarahpeller,
    Nov 30, 2012 4:21 PM   in reply to Nancy O.
    Report

    So, I fixed the errors and ran the new page through the validator and it passed with no errors. This page: http://sarahpellerdesign.com/jordan/wildlandtest2.html

     

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

     

    Thanks so much for your help!

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,729 posts
    Oct 15, 2010
    Currently Being Moderated
    8. Sudarshan Thiagarajan,
    Nov 30, 2012 7:19 PM   in reply to sarahpeller
    Report

    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:
Actions

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