Theme doesn&#8217;t look right

(@yaloner)

It just doesn’t look as it supose to…

Here is how it looks on my computer:
Screen Capture

It looks messed up and it quite similar in IE and FF

Roy

(@gangleri)

I still think you will have to be more specific. Is there too much red on the left and right, do you miss the dash behind the title image? What do you want to change?

wolfieb

(@wolfieb)

I can see the issue you mean – the background is not being drawn properly and where there should be a rounded-corner white box behind the whole page, it just draws part of it at the top.

Have all of the files for the theme definitely been loaded into the correct folder? It looks like the theme is referring to an image file that is missing.

Thread Starter

(@yaloner)

Yeah wolfieb, you described it just right.
As far as I know all files where loaded correctly (twice).
As I said, it also looks messed up in the “official” test page so maybe it was made wrong and published that way ? (I find it hard to believe…)

So now what I do ?

Any advice would be great (or any suggestions to other basketball theme).

Thanks 🙂

wolfieb

(@wolfieb)

[Comment deleted because it was incorrect]

Sorry, thought I had the answer but didn’t!

Thread Starter

(@yaloner)

So no answers or suggestions ?

deadceasar

(@deadceasar)

the cropped box at the top is actually the image for the footer at the bottom. if you know your way around your stylesheet, check that the proper images are being called. you should have at least 3 with this design (1 for the header, 1 for page, and 1 for footer). if not, check with the theme provider, they may have been forgetful.

Thread Starter

(@yaloner)

It now seems that it is displayed just fine for some people…

any ideas ?

kmessinger

(@kmessinger)

Yes, correct your code. Here. If your site does not validate it will display differently in browsers plus it is hard to trouble shoot with html errors.

(@mrkingid)

Funny thing is if you TEST the theme on the theme download page it also has the error. No fault of yours, it is the creator that pooched it.

It is the footer image and it is being posted in the header it seems.

If you do not know CSS or PHP goto ‘Presentation>Theme Editor’ and click on HEADER to the right. Copy and paste that code here. Do the same for FOOTER. Might as well paste your style sheet to see what the DIV’s are doing.

Should be easy to fix.
———–
Just checking your site and it looks like it has a <div id=”bottom”> in the header that contains all the top info. Kinda odd.

Looking at it more it looks like there is a lot of incorrect DIV nesting going on. Easy to fix. Just post the code…. if the admins do not mind. 😀

Thread Starter

(@yaloner)

Thanks mrkingid, I’m totaly clueless with CSS and PHP so here is the code:

header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="middle">
<div id="box">
<div id="bottom">
<div id="top2">
<div id="top1">
<div id="top3">

<div id="header"><h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1></div>
<div id="desc">
<?php bloginfo('description'); ?>
</div>
</div>
</div>
<div id="main">
</div>
<div id="mainbck">

footer.php

<div class="space"></div>
<div id="footer"><a href="http://www.robbinssports.com">Basketball Uniforms</a> copyright 2007 <a href="http://www.robbinssports.com">RobbinsSports.com</a><br>
Brought by <a href="http://www.wpthemesfree.com/" title="Wordpress Themes">Wordpress Themes</a> <!-- | <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds.--> <?php wp_footer(); ?></div>
</div>
</div>
</body>
</html>

stylesheet.css

/*
Theme Name: Basketball Uniforms
Theme URI: http://www.robbinssports.com/
Description: Basketball Uniforms is a sports WordPress theme. You are welcome to make any changes to this theme that you need to.  Please just leave a link to RobbinsSports.com in the footer.
Version: 0.1
Author: Lisa Robbins
Author URI: http://www.robbinssports.com/

Get your <a href="http://www.robbinssports.com/">Basketbal Uniforms</a>at <a href="http://www.robbinssports.com/">Robbins Sports</a>.
*/

body{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;background:#A72F2E;}

#middle {
	width: 950px;
	margin: 0 auto;
	background-image: url('images/sides.jpg');
	background-position: center;
	background-repeat: repeat-y;
}
#box{
	background-image: url(images/top.jpg);
	background-position: top;
	background-repeat: no-repeat;
 	width: 950px;
 	height: 106px;
	margin: 0;
}

#bottom {
	width: 950px;
	height: 102px;
       	margin-top: 20px;
	background-image: url('images/bottom.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}
#top2{width:800px;background:#000 url(images/top2.jpg) repeat;height:327px;margin:45px auto;padding:0;}
#top1{display:block;background:url(images/top1.jpg) no-repeat left;height:327px;}
#top3{display:block;background:url(images/top3.jpg) no-repeat right;height:327px;}

#header h1{;float:right;text-align:right;margin:100px auto;font-size:35px;font-variant: small-caps;padding:0 40px 0 0;}
*html h1{font-family:Tahoma, Arial, Helvetica, sans-serif;font-weight:700;color:#660000;padding:0 0 0 5px;}
#desc{color:#A72F2E;float:right;text-align:right;margin:500px auto;font-size:12px;margin:0 auto;padding:0 0 0 0;}

#main{background:#f3f2ed;height:30px;margin:0 auto;}
#mainbck{background:#fff url(images/mainbck.jpg) repeat-y;width:800px;margin:5px auto;padding:0;}
*html h2{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;color:#666;padding:0 0 0 5px;}

#nav{height:30px;line-height:30px;float:left;padding:0;}
ul.nav{height:30px;line-height:30px;float:left;list-style:none;font-size:12px;font-weight:700;text-transform:uppercase;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{border-bottom:0;border-left:0;background:#f3f2ed;color:#A72F2E;float:left;display:block;text-decoration:none;padding:0 12px;}
ul.nav li a:hover,ul.nav li a:active{background:#fff;color:#555;text-decoration:none;}
ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;color:#555;background:#fff;}
ul.nav li ul{float:left;margin:0;padding:0;}

#content{width:540px;float:left;margin:5px auto;padding:0 15px 0 0;}
.entry{width:530px;background:#fff;float:left;color:#666;text-align:justify;border-bottom:#ccc 1px dotted;margin:5px auto;padding:5px;}
.entry h2,h3{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;margin:0 auto;padding:0;}

#sidebar{width:230px;float:right;margin:0 auto;background:#f3f2ed;padding:0;}
.rsidebar{width:210px;color:#666;margin:0 auto;padding:0 5px;}
.rsidebar h2{font-size:14px;font-variant: small-caps;border-bottom:dashed 1px #ccc;margin:0 7px 3px;padding:3px 0;}
.rsidebar ul{list-style-type:none;margin:0;padding:0;}
.rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
.rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
.rsidebar ul li ul li{list-style-type:none;background:transparent url(images/b.gif) no-repeat 0 4px;border:0;margin:0;padding:0 0 2px 14px;}x;}

#footer{width:800px;height:30px;background-color:#f3f2ed;margin:10px autocolor:#f3f2ed;text-align:center;line-height:30px;float:left;padding:0;}
a:visited{text-decoration:none;color:#069;border:none;padding:10px}
a:hover{text-decoration:underline;color:#69c;border:none;}

#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt;}
#wp-calendar a{text-decoration:none;display:block;}
#wp-calendar caption{font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:left;width:100%;}
#wp-calendar th{font-style:normal;text-transform:capitalize;}
#wp-calendar{empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #next a{padding-right:10px;text-align:right;}
#wp-calendar #prev a{padding-left:10px;text-align:left;}
#wp-calendar td{text-align:center;padding:3px 0;}
#wp-calendar td.pad:hover{background-color:#fff;}

a:link,a:active{text-decoration:none;color:#A72F2E;border:none;}
a:link,a:visited{text-decoration:none;color:#A72F2E;border:none;}
a:link,a:hover{text-decoration:underline;color:#A72F2E;border:none;}
.navigation{width:520px;float:left;color:#666;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
.space{background:#fff;height:5px;clear:both;margin:0 auto;padding:0;}

#searchform{height:26px;line-height:26px;float:left;margin:0;padding:0 0 10px;}
input#s{color:#5188d2;width:140px;border:1px solid #cbcbcb;background:#fcfcfc;}
input#searchsubmit{background:#000;color:#fff;font-size:13px;border:1px #A72F2E solid;}
.bobcomments{border-top:5px solid #555;background:#fbfbf9;border-bottom:1px solid #a72f2e;margin-bottom:20px;}
#commentform{border-top:1px dotted #cedeef;border-bottom:1px dotted #cedeef;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:380px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist li{border-top:1px solid #cedeef;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h3{margin:0;}
ol.bob{border-top:1px solid #000000;list-style:none;margin:0 0 1px;padding:15px;}
ol.bob li{display:block;list-style:none;background:transparent url(images/hb.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}

#footer a:visited{text-decoration:none;color:#000;border:none;}
#footer a:hover{text-decoration:underline;color:#000;border:none;}
#footer a:link,#footer a:active{text-decoration:none;color:#a72f2e;border:none;}

(@mrkingid)

ok, got it. thanks.

give me a few hours as I am tied up this morning.

(@mrkingid)

Wow, this is a pain in the butt!! getting there.

(@mrkingid)