Posted 3 years ago #
Hi -
I am working on a new site: at http://www.buttonwoodstreet.com/wordpressbws/ The side bar displays properly on all of my other pages but not the home page. I can't find the error in the layout. Any suggestions? What am I missing?
suggestions?
Are there any tools that can help me find the source of the layout issue?
TY
CO
Posted 3 years ago #
Open your site on the browser and right click view source select all and copy then goto http://validator.w3.org/#validate_by_input and paste the source into the field and submit, you will see the errors. You have 12 errors that are probably causing the shift. Fix those and if its still there let me know and I will take a closer look for you.
Cheers
Derek Herman
[sig moderated]
Posted 3 years ago #
put a a width of 615px to your content style properties... and remove width properties to your post-wrapper... and make your content-wrapper width properties to 100%... and make the width properties of your sidebar-wrapper to 30%... remove the padding-right properties to your post-wrapper
this should explain... :) see below...
#wrapper {
background-color:#FFFFFF;
background-image:url(images/header-top.gif);
background-position:center top;
background-repeat:no-repeat;
clear:both;
color:#A5A5A5;
float:left;
padding-top:20px;
width:100%;
}
#content-wrapper {
float:left;
width:100%;
}
#content {
float:left;
padding:0 0 10px 30px;
width:615px;
}
.post-wrapper {
background-image:url(images/post-bg.gif);
background-position:center top;
background-repeat:no-repeat;
float:left;
margin-bottom:0;
margin-left:-20px;
padding-bottom:0;
padding-left:30px;
}
#sidebar-wrapper {
float:right;
width:30%;
}
im not good in explaining... i hope this helps you... good luck... :)
Posted 3 years ago #
I ran the validator as suggested by Derek but when I went back and looked at the PHP files that are used to generate the page I could not locate the tags described by the vaildator. I realize that the line information would not correlate but still ...
The theme I am using is located at http://freewordpresslayouts.com/?p=95
The theme is also used on that site. I ran the validator on their code and received the same errors but their site displays properly.
Thoughts?
CO
Posted 3 years ago #
Okay, I tried the CSS corrections described by fp.darren.
The changes to the CSS got my sidebar back up to the top right of the page but I lost the rounded corners and the first and second post still do not line up. I added a 3rd post and it lines up with the second post. Only the first post does not line up.
There is a link to the actual theme files in my previous post.
Thank You so much for you help,
CO
Those rounded corners are created with background images that are a specific width. When you changed the width of the post wrapper, it is no longer the same size as the image that creates the rounded corner. This is probably causing the image not to display.
Posted 3 years ago #
LOL Chrisber probably about the time you posted re: the background images I had the same thought :-) It's amazing what a break can do.
I adjusted the style to:
#content {
float:left;
padding:0 0 10px 30px;
width:615px;
}
I haven't tested it yet across browsers but my next step would be to narrow up the background image.
So, my final problem is.. Why is the bottom post not lining up with the rest? I looked at the index file and single post file for the theme and I don't see anything regarding a separate post layout.
Thanks Again,
CO
Posted 3 years ago #
the bottom post div is inside the second post... just close the second post-wrapper div...
your code was this
<div id="content">
<div id="post-wrapper">post 1</div>
<div id="post-wrapper">post 2
<div id="post-wrapper">post 3</div>
</div>
</div>
it should be like this
<div id="content">
<div id="post-wrapper">post 1</div>
<div id="post-wrapper">post 2</div>
<div id="post-wrapper">post 3</div>
</div>
Posted 3 years ago #
Hey -
I think I have corrected all of the DIV tags but the page is still not displaying properly. The bottom post is still indented.
I have checked the single.php page and the index.php page. I found two unclosed DIV tags and repaired them but no changes.
Any other suggestions?
Thanks Again,
CO
BTW this is driving my nuts but I am learning a lot :-)
This topic has been closed to new replies.
