can somebody help me so I can go back to working on php......

[dumdumsareyum]

ok...I have a basic structure for the center column of multiple pages:

example:

<div class="centerTop">
  <div class="centerMiddle">
      (Some content goes here)
      (footer goes here)
  </div> <!--end of middle div-->
   <div class="centerBottom"><br/>
   </div><!--end of bottom div -->
</div><!--end of top div-->

 

the css for the classes looks like this:

 

.centerCol-top {
background: url("images/centerCol-top.gif") no-repeat top;  //this is an image with nice little rounded corners and a gradient that is 27px high
float: left;
width: 564px;
margin-left: 10px;
padding-top:18px;
}

.centerCol-center {
background: url("images/centerCol-center.gif") repeat-y center; //this is a 1px high image with gradient on sides
padding-left: 10px;
padding-right:15px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
}

.centerCol-bottom {
background: url("images/centerCol-bottom.gif") no-repeat bottom; //this is an image similar to the top one
clear:      both;
}

 

So I spent all this time tweaking it on my home page for it to look the same in IE6 and Firefox, and applied it to all my different sheets, and one pesky little bugger shows a gap about the height of a line break between the end of the center and bottom divs where the background color is showing  .  I've looked over it a hundred times to make sure the structure is exactly the same as all the other pages, I tried adding line breaks(worked for IE but not Firefox) to try to trick it, I played with margins and paddings, I tried moving the footer below the middle div into it's own div with the same class (which I was playing with for a fixed height page...)  but nothing will make it display like the other pages.  Any ideas? I would just scrap it and pick an easier way to do the background but now its just toying with me.... why do you mock me CSS?

 

[dumdumsareyum]

Ok, I thought I'd post the actual code (novel idea I know) changed the structure a little bit, but still having the same problem....here's a page that's working correctly:

 

<?php
session_start();
include("inc/header.inc.php");
include("inc/title.inc.php");
include("inc/navigation.inc.php");
?>
   <!--feature -->
   <div class="centerCol">
   <div  class="centerCol-top">
   </div><!-- end of top div -->
     <div class="centerCol-center">
       <div id="feature">
       <img src="images/plans/000001_plan_a.jpg" alt="Featured Plan" />
        <h3>Featured Plan</h3>
          <p>This contemporary plan features extensive outdoor spaces, luxurious living areas, and
        unique architectural detailing. This plan would make an ideal Carribean home to retire in,
        or be suited to a cliffside in California overlooking the ocean. Designed by .
          </p>
       <p> Some text after the feature </p>
       </div><!--end of feature-->
       <?php
       include("inc/footer.inc.php");
       ?>
     </div> <!-- end of middle div -->
    <div class="centerCol-bottom"><br />
    </div> <!--end of bottom div-->

   </div>
<?php
include("inc/quicksearch.inc.php");
include("inc/endhtml.inc.php");
?>

 

and here is the only page that has a margin before the top of the <div class="centerCol-bottom"> div:

<?php
include("inc/header.inc.php");
include("inc/title.inc.php");
include("inc/navigation.inc.php");
?>
<div class="centerCol">
    <div class="centerCol-top">
    </div><!--end of top div -->
    <div class="centerCol-center">
     <h2>Frequently Asked Questions</h2>

     <p>
       <ul>
        <li><a href="questions.php#sets">How many sets should I order?</a> </li>
        <li><a href="questions.php#hiring">Do I need to hire an architect or engineer in my area?</a> </li>
        <li><a href="questions.php#submit">How do I submit for a building permit?</a> </li>
        <li><a href="questions.php#code">Will these plans meet the code regulations for my city?</a> </li>
        <li><a href="questions.php#mirror">Do you have mirror-image plans available?</a> </li>
        <li><a href="questions.php#custom">Do you design custom home plans?</a> </li>
       </ol>
     </p>

   <h3 id="sets">How many sets should I order?</h3>
     <p>Typically you will need at least three sets initially: one to submit for a building permit, one for the contractor,
        and one for yourself. Usually we recommend an additional 3 sets for use by the contractor and his subcontractors during
        construction, bringing the total to six.
     </p>
   <h3 id="hiring">Do I need to hire an architect or engineer in my area?</h3>
     <p>It is not necessary to hire an architect, however an engineer licensed in your state will need to seal the drawings.
        If you require changes to the plans, or would like help with the permitting process, a local architect will be able
        to assist you with these items.
      </p>
   <h3 id="submit">How do I submit for a building permit?</h3>
     <p>Please contact your local city hall or county official for their requirements for permitting.
     </p>
   <h3 id="code">Will the plans I order meet the code regulations for my city?</h3>
     <p>All plans on this site are designed in accordance with IBC regulations and NFPA fire-safety standards. Please contact
        your local building department for information on the code requirements for your city. A local architect or engineer
        will be able to assist you if your city is using a different building code.
     </p>
   <h3 id="mirror">Do you have mirror-image plans available</h3>
     <p>Mirror-image plans are available as noted per plan. Please <a href="contact.php">contact us</a> if you require
        mirrored plans for a house that does not have them currently available.
      </p>
   <h3 id="custom">Do you design custom home plans?</h3>
     <p>In order to keep our prices low, we currently do not design custom plans.
     </p>
      <?php
         include("inc/footer.inc.php");
       ?>
     </div> <!--end of centerCol middle -->

     <div class="centerCol-bottom"><br/>
     </div> <!-- end of bottom div -->
</div>


<?php
include("inc/quicksearch.inc.php");
include("inc/endhtml.inc.php");
?>

 

[dumdumsareyum]

ohmigosh, I found it, I just about peed my pants....small typo....ended my <ul> with a </ol> ...i never would've guessed....don't I feel sheepish