Sidebar and mainBG problem
-
Here is my site: http://nickhiebert.com
The problem i’m having is the sidebar and the mainBG are not displaying properly on the other pages. ex About (sidebar), Projects (sidebar/mainBG), Contact (sidebar) and Resume (sidebar). Now the site itself is valid under http://validator.w3.org/ (XHTML 1.0 Transitional)and http://jigsaw.w3.org/css-validator/ (CSS level 2.1).
Otherwise here is the CSS for the sidebar.
#sidebar {
margin-right: 312px;
padding-bottom: 100px;
color: #231f20;
}#sidebar h3 {
color: #bab8b8;
font-size: 18px;
margin-right: 312px;
padding-right: 20px;
padding-left: 41px;
position: relative;
}#searchform {
margin-right: 630px;
padding-left: 45px;
margin-top: -1050px;}
#sidebar links_with_style {
margin-right: 312px;
}#sidebar wp_list_categories {
margin-right: 300px;
margin-top: 600px;
}#sidebar a {
color: #231f20;
line-height: 1.5em;
}#sidebar a:hover {
color: #bab8b8;
}ALSO Sidebar.php
<?php include (TEMPLATEPATH . ‘/searchform.php’); ?>
<div id=”sidebar”>
<h3>My Links</h3>
<ul class=”widget_style” id=”links_with_style”>
<?php wp_list_bookmarks(‘categorize=0&title_li=’); ?><h3>Tags</h3>
<?php if ( function_exists(‘wp_tag_cloud’) ) : ?>
<?php wp_tag_cloud(‘smallest=8&largest=15’); ?>
<?php endif; ?>
<h3>Categories</h3>
<ul class=”ul-cat”>
<?php wp_list_categories(‘exclude=4,7&title_li=’); ?></div>
<!–/sidebar–>Any help would be appreciated!
-
Also I know the tag cloud isn’t set up right, im not worried about it right now.
page.php
<?php get_header(); ?>
<div id=”content”><?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?><div class=”post”>
<h2><?php the_title(); ?></h2>
</div>
<div class=”entry”>
<?php the_content(‘Read the rest of this page »’); ?><?php wp_link_pages(array(‘before’ => ‘<p>Pages: ‘, ‘after’ => ‘</p>’, ‘next_or_number’ => ‘number’)); ?>
</div><?php comments_template(); ?>
</div><?php endwhile; ?>
<div class=”navigation”>
<span class=”previous-entries”><?php previous_post_link(‘%link’)?></span>
<span class=”next-entries”><?php next_post_link(‘%link’)?></span>
</div><?php else : ?>
<h2>Not Found</h2>
<p>Sorry, but you are looking for something that isn’t here.</p><?php endif; ?>
</div>
<!–/content –><?php get_sidebar(); ?>
<?php get_footer(); ?>Why don`t u use another theme?
I’m not doing that. I programmed and designed this one from scratch. It took about a week or so to get it to where it is now.
i am trying to see where the problem is but nothing. i can`t help you…
Navigation CSS
#nav {
background: url(http://nickhiebert.com/wp-content/themes/portfolio/images/nav_bg.png) repeat-x;
overflow: hidden;
height: 93px;
margin-right: 18.2px;
margin-left: -70px;
padding: 0 0 0 31px;
}#nav li {
float: right;
line-height: 93px;
padding-left: 5px;
padding-right: 50px;
width: 110px;
}#nav li a {
padding: 0 1em;
color: #565354;
text-transform: uppercase;
font-size: 17.3px;
font-weight: bold;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
}#nav li a.first {
padding-left: 0;
}ul, li {
list-style-type: none;
}/* BODY */
html {
background: url(http://website.com/wp-content/themes/portfolio/images/background.png) scroll;
}body {
text-align: left;
font-size: 100%;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #999999;
background: url(http://website.com/wp-content/themes/portfolio/images/mainBG.png) repeat-y;
margin-right: 128.2px;
margin-left: 137.2px;
margin-bottom: -18px;
background-position:center;
}body h1 a{
float: left;
padding-left: 60px;
padding-top: 9px;
width: 260px;
}body h2 a {
color:#000000;
}a {
text-decoration: none;
}a:hover {
text-decoration: none;
}p {
color: #333333;
line-height: 20px;
margin-right: -20px;
}h1 {
float: left;
margin-top: 0;
border: none;
width: 260px;
margin-left: -3;
}img {
border-style: none;
margin-left: -45px;
float: left;
margin-top: -9px;
}h2 {
font-size: 25px;
margin-right: 45px;
overflow: hidden;
}#container {
width: 973px;
margin: auto;
text-align: left;
}/* END BODY */
/*———————————————————————/* HEADER */
/*———————————————————————#header h1 a{
float: left;
margin-right: 312px;
width: 260px;
}/* END HEADER */
/*———————————————————————/* NAVIGATION */
/*———————————————————————#nav {
background: url(http://website.com/wp-content/themes/portfolio/images/nav_bg.png) repeat-x;
overflow: hidden;
height: 93px;
margin-right: 13px;
margin-left: -70px;
padding: 0 0 0 31px;
}#nav li {
float: right;
line-height: 93px;
padding-left: 5px;
padding-right: 85px;
width: 110px;
}#nav li a {
padding: 0 1em;
color: #565354;
text-transform: uppercase;
font-size: 17.3px;
font-weight: bold;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
}#nav li a.first {
padding-left: 0;
}ul, li {
list-style-type: none;
}/* END NAVIGATION */
/*———————————————————————/* SIDEBAR */
/*———————————————————————#sidebar {
margin-right: 312px;
padding-bottom: 100px;
color: #231f20;}
#sidebar h3 {
color: #bab8b8;
font-size: 18px;
margin-right: 312px;
padding-right: 20px;
padding-left: 41px;
position:relative;
}#searchform {
margin-right: 630px;
padding-left: 45px;
margin-top: -1000px;
position: inherit;}
#sidebar links_with_style {
margin-right: 312px;
}#sidebar wp_list_categories {
margin-right: 300px;
margin-top: 600px;
}#sidebar a {
color: #231f20;
line-height: 1.5em;
}#sidebar a:hover {
color: #bab8b8;
}/* END SIDEBAR */
/*———————————————————————/* MAIN CONTENT*/
/*———————————————————————#content {
margin-left: 380px;
margin-right: 150.2px;}
#content .date {
padding-left: 200px;
color: #000000;
}#content .post-comments a {
color: #999999;
}comment form .p {
margin-right: -50px;
}/* END MAIN CONTENT*/
/*———————————————————————/*———————————————————————
/* FOOTER*/#credits {
background: url(http://nickhiebert.com/wp-content/themes/portfolio/images/footer_bg.png) repeat-x bottom;
margin-top: -300px;
margin-bottom: 40px;
padding-top: 800px;
margin-right: 14px;
margin-left: 14px;
padding-bottom: 20px;
}#credits .alignleft {
margin-left: 175px;
margin-bottom: 10px;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 16px;
color: #231F20;
}#credits .alignright {
color: #231F20;
}
#credits a, alignleft, alignright {
padding-bottom: 20px;
}/* END FOOTER*/
/*———————————————————————
The topic ‘Sidebar and mainBG problem’ is closed to new replies.