Website Babble Webmaster Forums  


Go Back   Website Babble Webmaster Forums > Creating a Website > HTML, PHP, CSS, Javascript & Coding/Programming Topics

Your WB Notifications

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 11-09-2009, 02:48 PM
Junior Babbler
 
Join Date: Nov 2009
Posts: 24
phil799 has no reputation at Website Babble yet.
Default BIG gap in Word Press Theme

This is a link to a theme I am working on: philocity.com/tester
Please help me figure out why there is such a big gap!
Reply With Quote
  #2 (permalink)  
Old 11-09-2009, 04:24 PM
sequencehosting's Avatar
Ultimate Babbler
 
Join Date: Jun 2009
Location: Kent, England
Posts: 1,338
sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)
Default

Quote:
Originally Posted by phil799 View Post
This is a link to a theme I am working on: philocity.com/tester
Please help me figure out why there is such a big gap!
You have a few errors in the code.

First of all there is this code before the doc type

Code:
<div id="nav">
     	</div>
You need to move this code. Since I didn't create the layout it's hard for me to know where to put it but if you move between the <div id="wrapper"> and <div id="header"> it fixes the massive gap. That would be the first thing to do.


Code:
<div id="wrapper">
<div id="nav">
</div>
<div id="header">
__________________
Professional Website Hosting - Now Hosting Over 75 Websites! >Testimonials<
Professional cPanel Web Hosting from $1/month!
Our Disk Space and Bandwidth Has Been Doubled! Learn More
WEBSITE BABBLE SPECIAL! FREE Domain! - FREE Wordpress Setup! - 24 Hour Support

Last edited by sequencehosting; 11-09-2009 at 04:27 PM.
Reply With Quote
  #3 (permalink)  
Old 11-09-2009, 04:51 PM
Junior Babbler
 
Join Date: Nov 2009
Posts: 24
phil799 has no reputation at Website Babble yet.
Default

Quote:
Originally Posted by sequencehosting View Post
You have a few errors in the code.

First of all there is this code before the doc type

Code:
<div id="nav">
     	</div>
You need to move this code. Since I didn't create the layout it's hard for me to know where to put it but if you move between the <div id="wrapper"> and <div id="header"> it fixes the massive gap. That would be the first thing to do.


Code:
<div id="wrapper">
<div id="nav">
</div>
<div id="header">
Thanks but now the content is pushed to the bottom!
Reply With Quote
  #4 (permalink)  
Old 11-09-2009, 04:57 PM
sequencehosting's Avatar
Ultimate Babbler
 
Join Date: Jun 2009
Location: Kent, England
Posts: 1,338
sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)
Default

Quote:
Originally Posted by phil799 View Post
Thanks but now the content is pushed to the bottom!
Yes, you need to work from top to bottom. Having that div before you dock type was causing a lot of errors, although it doesn't look like it your closer to fixing your problem.

I'm afraid I can't see what's causing your content to show up at the bottom of the page but I am sure someone on this forum will be able to help.
__________________
Professional Website Hosting - Now Hosting Over 75 Websites! >Testimonials<
Professional cPanel Web Hosting from $1/month!
Our Disk Space and Bandwidth Has Been Doubled! Learn More
WEBSITE BABBLE SPECIAL! FREE Domain! - FREE Wordpress Setup! - 24 Hour Support
Reply With Quote
  #5 (permalink)  
Old 11-09-2009, 04:59 PM
Junior Babbler
 
Join Date: Nov 2009
Posts: 24
phil799 has no reputation at Website Babble yet.
Default

Do you know what I should do?
Reply With Quote
  #6 (permalink)  
Old 11-09-2009, 05:04 PM
sequencehosting's Avatar
Ultimate Babbler
 
Join Date: Jun 2009
Location: Kent, England
Posts: 1,338
sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)sequencehosting has a stellar WB reputation (over 400 points)
Default

I think I have just found whats causing it.

Try this, remove the float: left; from your #content id. So replace this:

HTML Code:
#content { 
float: left;
width:auto;
min-height:500px;
height:auto;
height:auto; /* for IE5.x and IE6 */
margin-top:5px;
margin-left:210px;
background-image:url(content.gif);
border-bottom:1px #d2d2d2 solid;
}
with

HTML Code:
#content { 
width:auto;
min-height:500px;
height:auto;
height:auto; /* for IE5.x and IE6 */
margin-top:5px;
margin-left:210px;
background-image:url(content.gif);
border-bottom:1px #d2d2d2 solid;
}
This can be found inside your .css file.
__________________
Professional Website Hosting - Now Hosting Over 75 Websites! >Testimonials<
Professional cPanel Web Hosting from $1/month!
Our Disk Space and Bandwidth Has Been Doubled! Learn More
WEBSITE BABBLE SPECIAL! FREE Domain! - FREE Wordpress Setup! - 24 Hour Support
Reply With Quote
  #7 (permalink)  
Old 11-09-2009, 05:06 PM
Junior Babbler
 
Join Date: Nov 2009
Posts: 24
phil799 has no reputation at Website Babble yet.
Default

Thank You So Much!
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On




All times are GMT -6. The time now is 06:23 AM.


 Subscribe to RSS

WB Sponsors

flash chat

Home Jobs Online

Search Engine Marketing

Paid Surveys

Web Design Newcastle



 Subscribe to the Website Babble Feeds

2 Create a Website Homepage | 2 Create a Website Blog


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0