Skip navigation
brightbelt
brightbelt
Currently Being Moderated

Yet another space between Divs issue

Jul 19, 2012 5:32 AM

Hi,

  I'm on DW CS4 and PS CS4 on an Intel Mac.  Here's the site in question: www.larryparrishpiano.com

 

(You may have to refresh the page from an earlier layout - I didn't want to publish it this way but how else can you see it?)

 

I can't figure out why the space below the navigation won't go away.  I want it to meet flush right on top of the content area.

 

i've checked all my margins and h1 settings - I've tried using the 'clear:both' line etc. I've even set some margins at -1px to try and get the space to collapse.

 

I do appreciate any help on this.  Many Thanks,

Frank B.

515 Views   3 Replies   Latest reply: brightbelt, Jul 19, 2012 11:01 AM
 
Replies
  • osgood_
    Currently Being Moderated
    1. osgood_,
    Jul 19, 2012 6:06 AM   in reply to brightbelt
    Report

    The  empty <div> below, between the 'header' and 'nav' <divs> is causing the space

     

    <div class="container" id="space"></div>

     

     

     

    <div id="header"><!-- end #header --></div>

     

    <div class="container" id="space"></div>

     

    <div id="nav">

     
    |
    Mark as:
  • osgood_
    Currently Being Moderated
    2. osgood_,
    Jul 19, 2012 6:14 AM   in reply to osgood_
    Report

    I'm lying!!! Its the default margin/padding on the empty <p> tag below:

     

     

     

     

    <div id="mainContent">

     

        <p>&nbsp ; </p>

     

    <div id="main">

     

     

    if you don't need it then delete it. If for some reason you do then set the margin and padding to zero:

     

     

    <div id="mainContent">

     

        <p style="margin: 0; padding: 0;">&nbsp ; </p>

     

    <div id="main">

     
    |
    Mark as:
  • brightbelt
    Currently Being Moderated
    3. brightbelt,
    Jul 19, 2012 11:01 AM   in reply to osgood_
    Report

    Many Thanks !! I looked at that and thought  "Hummm, I need that though." You read my mind.  I would not have thought of correcting it with an inline style. Thanks Again!

    Frank B.

     
    |
    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