Results 1 to 8 of 8
  1. #1
    Join Date
    Dec 2010
    Posts
    38

    Can you solve this?

    Hey guys, I am touching up on a site I designed awhile back (it was bad) and I have come across this... real head-scratcher, literally!

    below I have links to two pages of the site. The first one has the problem, scroll down to the foot to see what I am talking about. Some how the footer is inside the content div when it shouldn't be.

    http://pwrboss.jgregorydesigns.com/?...hind-scrubbers

    Compare with this page:
    http://pwrboss.jgregorydesigns.com/?...ubberssweepers

    The site is in wordpress and both pages are just posts of a specific category. help me out here guys, all the php pages have the footer outside of the content div so I do not know whats going on. any help is appreciated! thanks

  2. #2
    Join Date
    Jan 2010
    Location
    San Francisco
    Posts
    1,799
    It has to be an unclosed/mismatched <div> somewhere. You just have to find it.

  3. #3
    Join Date
    Dec 2010
    Posts
    38
    Quote Originally Posted by WickedFactor View Post
    It has to be an unclosed/mismatched <div> somewhere. You just have to find it.
    thanks for the reply, i have searched high and low, but the two pages use the same template.php and loops which would eliminate this.. ill keep looking to make sure.. but that is clearly whats happening on the end result

  4. #4
    Try adding </div> above your footer area. It looks like one of your divs didn't get closed, IMO.

  5. #5
    Join Date
    Jun 2009
    Location
    UK: Oxford
    Posts
    1,256
    If you are using dreamweaver, copy and paste the HTML from the page and it will validate it =]

  6. #6
    Join Date
    Jul 2010
    Location
    Boston
    Posts
    536
    Looks like on the first page you have:

    Code:
    </div> <hr style="margin-top:15px;"/>   </div>   			  				 	 			 		</div><!-- #post-## -->

    Then on the second page you have:

    Code:
    <!-- Pagination -->  	<div class='ngg-clear'></div>  	 </div>   </div> <hr style="margin-top:15px;"/>  			  				 	 			 		</div><!-- #post-## -->
    Don't know if that helps at all...

  7. #7
    Join Date
    Apr 2010
    Location
    FI
    Posts
    54
    Colophon div on the not working page has more parent divs than the one that's working.

    #colophon parents on the working page:
    html
    body .archive category category-scrubberssweepers category-5
    div #wrapper .hfeed
    div #main
    div #container .one-column
    div #footer

    #colophon parents on the other page:
    html
    body .archive category category-walk-behind-scrubbers category-11
    div #wrapper .hfeed
    div #main
    div #container .one-column
    div #content
    div #post-970 .post-970 post type-post status-publish format-standard hentry category-walk-behind-scrubbers
    div #footer

  8. #8
    Join Date
    Nov 2010
    Posts
    35
    I think you can use dreamweaver to validate it! Good Luck!

Similar Threads

  1. solve this
    By Soskel34 in forum Web Hosting Lounge
    Replies: 7
    Last Post: 04-27-2008, 12:47 AM
  2. Solve This Riddle
    By Bilco105 in forum Web Hosting Lounge
    Replies: 51
    Last Post: 04-16-2006, 09:31 PM
  3. how i can solve this ???
    By soonhelp in forum Dedicated Server
    Replies: 2
    Last Post: 08-31-2004, 04:45 PM
  4. How Do I Solve This?
    By [inx]Olly in forum Hosting Security and Technology
    Replies: 0
    Last Post: 10-08-2003, 04:35 AM
  5. can you solve this one
    By Arabiahosts in forum Programming Discussion
    Replies: 3
    Last Post: 01-05-2003, 03:53 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •