My blog shows up fine, until you click one of the articles to read the full view. The side bar is all the way at the bottom of the page. Why is this? I didn't change any coding...it just started yesterday. Can anyone help? here is a link to one of the affected pages, they are all like this, except for the home page.
Why would it be displaying improperly for me? Cleared catch. Can anyone else confirm that it looks fine in IE, and Firefox? Just to confirm, the article is fine...it's the side bar (That should be next to the article) that is at the bottom of the page.(on the right!). Why are they not aligned as they should be, and have been for weeks?
It is doing it for me, so I see what you mean. I skimmed your page and your CSS style sheet, and I am not sure if this is the problem, but I see it as one of two things. Either your right sidebar got extra padding, margins, or width for some reason recently. Try just reducing the width to 50px or something very small, and then check to see if it returns back up. If it does, that means that the sidebar has just grown too wide to fit into the wrapper. If it still stays below, then I would say that you need to check if you have both the left content div and the right sidebar div floating left, and then have a container over them and give it a class of clearfix, which I see you have in your styles. Tell me if this is a little confusing, and I'll try to clear it up.
Well the left section should have a main div wrapping it, and so should the right sidebar. Those div's should have the CSS rule float:left, or at least that is the most conventional and simplistic way to create columns through css. However, sometimes things can go wrong if you float both of the containing columns left, but then make either their widths too wide OR have the containing div (by this, I mean the div that contains both the left div and right div) should have a class of clearfix so that it can clear the floats. By this, I mean that the division that holds both the left and right sections should have a class of clearfix, simplistically. Did that clear anything up?
I understand, but I don't know where to check or make the changes, since I did not edit any of those files, or make any changes and it was working just fine until last night.
Well yeah that would be more of a final resort, just go through and clean it out to make sure it works effort. Did you try setting the right sidebar's width to something smaller than what it is now?
The only thing that bothers me about going in and "tooling " around with the code, is that, as I mentioned, I did not change anything with it, not have I ever...that is why I kept thinking that it was some other reason. I will try the easier fix of making the sidebar smaller, but I need it to be the size that it is...wait...I'm gonna try something.
Nope, that wasn't it. I am still having a problem ....the width is as it always was for both the article and the sidebar..why all of a sudden now, it won't fill in at the top, when it has been for weeks.
I have determined it is not the width of the sidebar...no matter how small I make it, it will not align up with the rest of the page. So, now what? they are the same width on the home page as on the full post page, how come on one the are fine, on the other they don't match up?
Hmm.. it is weird that it just started doing this yesterday. I would say that maybe something is happening with the post, like maybe there is extra padding with the left side that is affecting how the right side nests. You may have to just go in and mess with the CSS in little bits, just to see if you can determine what the problem is. Because once you know what CSS rule or what part of the page is causing this to drop, it will probably be an easy fix.
Well it is not the size of either column. What other kind of command or code would make that side bar display so askew, instead of where it is supposed to be, next to the main content?
the #page div is being closed too soon don't know how, you say nothings changed, but have you added a widget? there is an extra closing div where your your left content ends, right after the form, this </div> is closing the #page wrapper div too soon, the right sidebar needs to be inside that #page wrapper div really hard to know what is adding it that's not on the other pages, I suspect the reply form code might be adding it, but I don't know your template, there was something else strange in that your googleads are wrapped in an extra <body> element too and they shouldn't be, I wonder if the extra div is being generated by the googlead code, though I doubt it this is this bit to look, and what internal code is generating it? ...... </form> </div> </div> </div> <div id="contentright"> <div id="sidebar"> <ul> <li> <div class="banner300"><center> <body> <script type="text/javascript">... googlead code Code (markup):
As soon as I saw this, I knew exactly what you were talking about, and changed it. There was an extra "</div>" It is functioning correctly now. Thank you. Reps to both of you.