When I post on my blog they go directly to the bottom of the page. I edited the index and sidebar files so that I could have google and amazon ads and since then its been messed up. Ive tried to upload the originals and I've even printed them out and checked them line by line and made changes accordingly however nothing has worked. Any help would be greatly appreciated. My blog is located at bcollectin.com.
[resolved] Posts go to the bottom (14 posts)
-
BrennanWoods
Posted 3 years ago # -
Ran it through http://validator.w3.org/ and it came up with 53 errors. When the blog doesn't look right, ALWAYS go to the validator and clean up errors!
-
BW, don't double posts, please! [usually it gets deleted]
-
ZMAng
Posted 3 years ago #By looking at your page source, you seem to have placed multiple .left_side classes (which I believe is supposed to be for the entire left sidebar) on your Amazon badges in your left bar + your box structure there seems to deviate from the rest of the blog, i.e.
<div class="box_top">
<div class="left_side">
<h2></h2>
</div>
<div class="box">
<iframe src="http://rcm.amazon.com/e/cm?t=bcollectin-20&o=1&p=8&l=as1&asins=0195307925&fc1=000000&IS2=1<1=_blank&lc1=0000ff&bc1=000000&bg1=ffffff&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div><div class="left_side">
<h2></h2>
</div>
<div class="box">
<iframe src="http://rcm.amazon.com/e/cm?t=bcollectin-20&o=1&p=8&l=as1&asins=0471794473&fc1=000000&IS2=1<1=_blank&lc1=0000ff&bc1=000000&bg1=ffffff&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div><div class="left_side">
<h2></h2>
</div>
<div class="box">
<iframe src="http://rcm.amazon.com/e/cm?t=bcollectin-20&o=1&p=8&l=as1&asins=0060747692&fc1=000000&IS2=1<1=_blank&lc1=0000ff&bc1=000000&bg1=ffffff&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>
<div class="box_bottom"></div>
</div>
You might want to try clearing up that area (remove the .left_side divs from the Amazon boxes and place those boxes inside your first .left_side - the one where your About and Categories boxes are) first and see how it goes.If that doesn't work, try removing all the Amazon stuff on the left bar, and see whether that works. If not, post again, and I'll try to see what else is going wrong.
-
Posted 3 years ago #ARGGGHHH!!! 53 errors! Ouch. Thanks for the help guys, I just checked your comments so I'm going to get at it and see what I can do about this. thx again.
-
Posted 3 years ago #Alright I played around with the left_side divs and it messed a lot of things up. im also concerned with the sidebar bc opening the site in IE is disheartening to say the least. Im sure it has something to do with the widths but ugh. damn IE
as for those errors, most where due to the amazon code so no biggie!
-
as for those errors, most where due to the amazon code so no biggie!
Well, yeah, it *is* a biggie.
The thing with validation and IE is this: if your page is not valid markup, then IE will switch to what is called "quirks mode". Basically, IE will say "Hey, your markup is bad. But I think I know what you're trying to do, so I'll make it look like what I *think* you want it to look like."
Sometimes, this is cool. But most times, it's a complete PITA, and leaves you banging your head, wondering why it's not working.
IE doesn't know that the bad code isn't *yours* - so it won't differentiate. It sees bad code, and it swaps into quirks. So if you want to see if it's working correctly, you need to 1) figure out how to clean up the amazon code (I'm guessing it's a lot of & symbols that's doing it? you can replace them with
&) or 2) change your doctype to something more lenient that will still keep your Amazon code, yet still allow the page to validate. At the very least, you can remove the Amazon code from your template (comment it out) and see if the page will validate and fix itself without the Amazon code. If it *does* fix itself, then you know Amazon is the culprit.Once the page is validated, perhaps it will fix itself and save you from more blunt force trauma to the head. ;) If not, we can look further :)
-
Posted 3 years ago #If I take the amazon code out and everything is okay...then where do I stand? How can I still place these ads? I can't imagine I'm the only one experiencing this :(...right?
-
Like I said, if you take the Amazon code out and it fixes your layout problem, then you need to either fix the amazon code, or change your doctype.
Did you try it yet?
-
Posted 3 years ago #No I'm not going to change the Amazon code. I uploaded the old page and the error remained so it's not that. What's this about the doctype?
-
Well, the doctype is currently XHTML 1.0 Transiational. Something more lenient might help with the Amazon errors - if you change it to HTML 4.0 it may help with the validation.
Even so - if you look at the validator for your page, you will see the errors that apply to your site. Error 156 shows you have an unclosed UL tag - which could very well be a problem. Error 157 says you're missing a closing DIV tag - which is a HUGE problem, especially since the miussing closing DIV tag is right before your content div opens. Both od these are huige problems, and I wouldn't be surprised if that's the reson your content has dropped - because you didn't close the div tag to separate it from the left column.
And by the way - is the amazon code dynamically generated, or did they give you a "key" so you could place it on your site? (Meaning, is what you see inthe source code what's there all the time? Or do those strings relate to *you* only, and they remain the same?)
If they remain the same, then it's nothing to change the Amazon code and make it validate. As I said, all you'd have to do is change all of the "&" characters to "
&". The code will still work and the page will validate. Simple find and replace in a text editor, and would take no more than 2 seconds. -
Posted 3 years ago #Thanks for all the help guys - its very much appreciated. I've taken out the amazon code for now bc quite frankly, I'd rather the site just plain WORK. I'll probably be posting regarding this digg integrator plugin which has been giving me problemos. Wish me luck!
-
Posted 3 years ago #Hmm there's this weird looking doohickey on the left upper corner of the About sidebar box. Any thoughts?
-
I see that - it looks like an enlarged version of your "time icon" (I think, I can't tell though), but I can't find what's causing it to be there. I also noticed you still haven't fixed the missing div tag issue. A missing closing div tag seriously contributes to your problems. You really should fix that.
Topic Closed
This topic has been closed to new replies.
