Comments on: wordpress template is screwed up

Question: wordpress template is screwed up

clockworkjoe — Sun, 01 Jun 2008 11:47:28 -0800

Wordpress/web design problem-my custom template is screwed up and I can't figure out how to fix it. Please help.

I just started a wordpress site for my blog. I created a custom template for the page. However, while the code is right, the design is screwed up. The sidebar is at the bottom instead of being at the side. You can see it at raillery.tv/blog

What am I doing wrong?

You can see the code here http://forums.somethingawful.com/showthread.php?threadid=2718078&pagenumber=26#post344233403

By: Memo

Memo — Sun, 01 Jun 2008 12:18:39 -0800

Add float: left; to #content in your css stylesheet.

#content {
float: left;
width: 632px;
text-align: left;
overflow: hidden;
}

By: theiconoclast31

theiconoclast31 — Sun, 01 Jun 2008 13:05:04 -0800

Avoid negative margins and lots of floats as a rule of thumb. For two column layouts, I like to float the left column and add a margin to the right column. In the HTML, my left column goes above the right column. I optimize this so the content is always first (apparently search engines like this but I am no SEO expert), but that's the general idea.

Applying this specifically to your layout:

Add #content { float: left; }

Remove #sidebar-one { float: right; }

Change #sidebar-one { margin-left: -306px; } to #sidebar-one { margin-left: 632px; }.

By: clockworkjoe

clockworkjoe — Sun, 01 Jun 2008 13:41:40 -0800

I made those changes but it remained the same. I did not design the template so I don't know the specifics of it.

By: clockworkjoe

clockworkjoe — Sun, 01 Jun 2008 13:46:47 -0800

When I just made the first change, it worked!

By: jbullion

jbullion — Sun, 01 Jun 2008 14:08:13 -0800

I'm not sure how interested you are in catering to people on the "bleeding edge" but in Firefox 3b5, #sidebar-one now shows up "under" the main content section. Maybe you haven't applied the changes yet? Anyway, to fix it, I had to do this:

#sidebar-one {
float:left;
width:306px;
margin-left:10px;
overflow:hidden;
font...
}

By: clockworkjoe

clockworkjoe — Sun, 01 Jun 2008 14:37:32 -0800

All right. I changed that. Does anyone else see a gray bar under the header for the blog? How would I get rid of that?

By: clockworkjoe

clockworkjoe — Sun, 01 Jun 2008 14:51:13 -0800

Ugh. It looks awful in IE7.

By: theiconoclast31

theiconoclast31 — Sun, 01 Jun 2008 15:38:11 -0800

clockworkjoe said,

I did not design the template so I don't know the specifics of it.

Maybe it's time to contact the author of the template or learn the specifics of it. In Firefox 3b5, it looks like this.

By: clockworkjoe

clockworkjoe — Sun, 01 Jun 2008 15:59:05 -0800

Here's where I think it's screwing up.

After the main loop, where it posts the relevant entries, it has this

?php endwhile; ?

PREV AND NEXT LINKS

?php else : ?
OOPS WHAT ARE YOU LOOKING FOR?
?php endif; ?

?php get_sidebar(); ?
?php get_footer(); ?

But when I try that, it gives me a fatal error at the ELSE. What's wrong with that php?