Why do posts overflow into the sidebar?
-
Some months ago, my blog (okewaite.wordpress.com) went from working properly to having the posts overflow into the sidebar area, and the old sidebar is moved further right.
I suspect that WordPress.com must have uploaded a new version of Blix and mucked up my customised CSS code.
Any suggestions on how I could fix it?The blog I need help with is: (visible only to logged in users)
-
Often caused by an open tag… See here:
http://wpbtips.wordpress.com/2012/05/19/sidebar-at-the-bottom-and-related-issues/
-
Thanks for taking the time to help me.
I don’t have any /div tags — just a little bit of CSS that adds to the Blix code. Tried the auto html setting you suggested; no change.
A bit more information: it’s not overflowing all previous posts into the column intended for the sidebar; it’s put the 2nd most recent post there, then the 4th most recent, etc. Like it thinks there’s two columns to spread them over — but there’s not.
Does that give you any more ideas? My code is below:
#content {
overflow:hidden;
padding-top:32px;
width:432px;
background-color:#ffffcc;
}h1,h1 a,h2,h2 a,h3 a,h4 a {
color:#660066;
}a {
color:#660066;
}#navigation,#navigation li {
background-color:#a87fcf;
font-size:12px;
text-align:center;
text-transform:none;
margin:0;
padding:0;
}#navigation li {
border-color:white;
}#navigation a {
color:white;
text-transform:none;
}#navigation .selected,#navigation a:hover {
background-color:#8a51bf;
}#navigation form {
background:#c0a2dc url(‘images/spring_flavour/corner_bottom_right.gif’) no-repeat scroll right bottom;
width:133px;
border-color:white;
}#navigation #s {
width:94px;
border-color:#FFF9EA;
}#navigation #searchbutton {
background-color:#ffffcc;
color:black;
}.entry {
margin:0 10px 20px;
}.entry .info {
background-color:#ddccff;
border-color:#F3F4F4;
}.entry .info a {
border-color:#949494;
}#subcontent {
background:transparent url(‘images/spring_flavour/subcontent_bg.gif’) no-repeat scroll left top;
width:220px;
background-color:#e9e8e7;
margin-top:12px;
padding:12px;
}#subcontent h2 {
background:#961402 url(‘images/spring_flavour/corner_top_left.gif’) no-repeat scroll left top;
}#subcontent h2 a {
color:yellow;
}#subcontent h2 em {
background:transparent url(‘images/spring_flavour/corner_bottom_right.gif’) no-repeat scroll right bottom;
color:white;
}#subcontent ul li.page_item {
padding:0;
}#content_box {
width:970px;
padding-bottom:5px;
text-align:left;
float:left;
background-color:yellow;
}.singlecol #content {
float:left;
width:632px;
margin:0;
padding:30px;
}form p {
background:#C0A2DC;
}form label {
color:black;
}#footer p {
border-top:6px solid #660066;
} -
When you tried the xhtml toggle, did you then go into the first few posts in edit mode and update so that the xhtml mode could work, following through with the steps in the document I referred you to?
When you look at your post “King Bee Tournament…” In your text tab and look at the bottom part of the post that gives the Steward and contact information. Is there a close div tag after the phone number? If so, what happens if you remove it and close your paragraph instead.
-
Aha, I missed the “update” step. Works now.
My “sign me up” button is too wide and I can’t work out what to change, but I’m happy to live with that unless you can tell me off the top of your head…
Thanks for taking this time to help me.
-
Don’t have that on the top of my head. The author of that super wpbtips.wordpress.com site often posts help on the forums. I don’t know what any of us would do with the knowledge and experience embodied there. When I have a problem, I always search both the forums AND that site for the answer.
- The topic ‘Why do posts overflow into the sidebar?’ is closed to new replies.