BIG gap in Word Press Theme

phil799 · #1 (**permalink**) 11-09-2009, 02:48 PM

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!

sequencehosting · #2 (**permalink**) 11-09-2009, 04:24 PM

Quote:

Originally Posted by phil799

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">

phil799 · #3 (**permalink**) 11-09-2009, 04:51 PM

Quote:

Originally Posted by sequencehosting

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!

sequencehosting · #4 (**permalink**) 11-09-2009, 04:57 PM

Quote:

Originally Posted by phil799

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.

phil799 · #5 (**permalink**) 11-09-2009, 04:59 PM

Do you know what I should do?

sequencehosting · #6 (**permalink**) 11-09-2009, 05:04 PM

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.

phil799 · #7 (**permalink**) 11-09-2009, 05:06 PM

Thank You So Much!

WB Sponsors