WordPress.org

Ready to get started?Download WordPress

Forums

Posts shifting to bottom of sidebar on Internet Explorer (24 posts)

  1. valdezatron
    Member
    Posted 8 years ago #

    I'm having problems with my posts shifting to the bottom of the screen where the sidebar ends on Internet Explorer. I know other Rin Theme users have had this problem. Their support forum hasn't turned up much. I've tried fixing bad code but just can't seem to beat it. Any ideas? I am quite the novice...

    http://www.icmicrocinema.com

  2. katie1
    Member
    Posted 8 years ago #

    Your content is too wide for the "container" in which your sidebar and content reside, hence why your content is forced down the page. Or, conversely, your sidebar...

    If you study the page carefully (ie6), you can actually see the content "container" sitting just under your sidebar (at the bottom) and overlaps slightly.

    Using FF Web Develop Tools I changed the background colors in your div containers to see where your content sits in the scheme of things.

    Try narrowing your #content from width: 500px; to 490px; and see if it sits better in IE6. If it does, keep tweaking (increasing) the px until you break it. Drop back 1px or 2px until it fits again. Then you have the right width.

  3. Sam_a
    Member
    Posted 8 years ago #

    I'm having problems with my posts shifting to the bottom of the screen where the sidebar ends on Internet Explorer.

    Try

    #sidebar, #content { overflow-x: hidden;}

    in IE and see if it works.

  4. carnold
    Member
    Posted 8 years ago #

    I too am having problems with my sidebar shifting to the bottom of the page (only in IE). Like Katie1 says in her post. I wondered if she(katie1)/anyone can take a look at mine (www.mytimewithgod.net) and see what the problem is? To me, it looks like my post text is to wide, therefore pushing the sidebar down. I would be willing to send monies (via paypal or however you like) if you/someone could help me out. Also, can send css sheets, if you like. I tried the above fix from Sam_a (#sidebar, #content { overflow-x: hidden;}) and i don't have this in my css sheets. Thanks for any help!!

  5. valdezatron
    Member
    Posted 8 years ago #

    Thanks for the replies unfortunately narrowing the content doesn't work. In IE the content looks the same no matter how small I make it. The other code fix had no effect. Hmmm...
    I also noticed the content gets more increasingly narrow as you scroll down the page.

  6. red-star
    Member
    Posted 8 years ago #

    @ Carnold,
    It seems to me, you have to put youre content a little smaller. Youre container is 690px and youre content 455px youre singlecol 550px. Play a little with that i quess.

    Download FireFox, and the developertool so you can easly work!

  7. katie1
    Member
    Posted 8 years ago #

    Just to keep the post honest, I have since conversed with carnold via email (no donations of money accepted), and he's fixed his sidebar issues/problems.

    Kate

  8. red-star
    Member
    Posted 8 years ago #

    @ Katie1,
    Ive been taking a look at it yesterday, and today again. Now its looking ok! Lastnight it was a total different story, so i dont think the post wasnt honest, or may I not understand that way of speaking correct?

  9. faithy
    Member
    Posted 8 years ago #

    I'm having the same problem as carnold with my sidebar shifting down when I make new posts. I have tried changing a lot of things but can't figure it out. Could someone please help me too? I'm new to WordPress and am kind of lost. Any help is appreciated. T hank you.

    P.S. My site is located at http://www.kittyhasclaws.com

  10. slepyhead83
    Member
    Posted 8 years ago #

    I'm am also having the same problem. It is with all my themes that have a sidebar to the right,the sidebar goes down to the bottom. The odd thing is that it only does it on my homepage. When I go to an entry on it's on, the sidebar is right where it should be. I've played around with the sizes of each box, but nothing worked. I have no clue on how to fix it. :(

    my site is http://www.im-just-me.net

  11. carnold
    Member
    Posted 8 years ago #

    Yes, i "think" my sidebar issues are fixed (altho safari still seems to not like it). Katie1 was a huge help!!
    @faithy i am not sure if this will be your problem but mine was code problems (most of them). I can only suggest what Katie1 suggested to me, which was: backup your theme. Then delete it from the wordpress directory (not the backup theme). Download and extract the same untouched theme to your wordpress/themes folder. 1 at a time, install your modifications. After you install 1 mod, goto validator.w3.org and type in your URL. This will validate your markup. If it fails, clean up the failures and validate again. When it passes, install your 2nd mod, goto validator.w3.org and type in your URL. This will validate your markup, and so on.
    This community has been a BIG help to me and i thank all of them for their help. There are some great people here that are willing to help! Hope this helps. Oh yea, my header pic was also effecting the page/sidebar. Be sure to make your custom header pic the exact same size as the original one.

  12. katie1
    Member
    Posted 8 years ago #

    @faithy

    Something weird is going on with your site. Viewed by IE6, it renders black background, white foreground with white cat header image.

    In FireFox, it renders black background, black foreground and white cat image.

    @red-star
    Keeping it honest
    I meant by that I had spoken to carnold.

    @slepyhead83
    I just had a quick peek at your site, and it comes up with 1 error & 47 warnings. If you validate your page it might cure your sidebar issues.

    In particular is a closed div here:

    <div class="post" id="post-105">
    <h2 class="posttitle"><a href="http://im-just-me.net/?p=105" title="Permanent link toWhat the hell?!">What the hell?!</a></h2>
    <p class="commentmeta"> February 4th, 2006 by chelsea at 12:13 pm (<a href="http://im-just-me.net/?cat=1" title="View all posts in that's life" rel="category tag">that's life</a>, <a href="http://im-just-me.net/?cat=4" title="View all posts in grr" rel="category tag">grr</a>, <a href="http://im-just-me.net/?cat=8" title="View all posts in work" rel="category tag">work</a>)</p>
    <div />

    <div>So our TV is not working! It hasn’t been working

    hope that helps.

  13. slepyhead83
    Member
    Posted 8 years ago #

    Thank you so much! That was so weird.. I just deleted that post and it went back to normal. Thank you again! :)

  14. Icarion
    Member
    Posted 8 years ago #

    Im having a problem with http://www.falboart.com/wordpress
    Sidebar is going down and header and footer are off ...please help!

  15. manstraw
    Member
    Posted 8 years ago #

    anyone struggling with the fact that Internet Explorer *isn't* very compliant with css standards may wish to ease their grief considerably by visiting http://ie7.sf.net. It requires javascript, but fixes practically everything that is wrong about how IE displays your pages.

  16. flammobammo
    Member
    Posted 8 years ago #

    Sorry to bring this off-topic, but Manstraw it doesn't matter how much you tweak IE to make it standards compliant, the fact is that the majority of people going to whatever site still use IE, and we can't modify everyone elses IE installation.

    Faithy your site works fine with me in FF & IE.

    I think most people should be able to debug their sidebar issues by carefully deleting a few sidebar objects at a time to work out the exact problem by process of elimination. Just make a backup of the file before you start cutting/saving/pasting/resaving stuff.

  17. flammobammo
    Member
    Posted 8 years ago #

    Icarion you have so many <div> references it's hard to follow, but I'm guessing you have one too many </div>'s somewhere along the line.

    Closely review your sidebar.php file and match up a </div> for every <div> and they should be an equal number. If not, that's the problem.

  18. manstraw
    Member
    Posted 8 years ago #

    flammobammo, the solution I've suggested does not modify anyone's IE. It rewrites the DOM with javascript, fixing IE's incorrect interpretation of CSS, removing the need to have a next of complicated hacks in your CSS. One of the important things is fixes is the box model, which is the source of many of the problems with wp templates. It doesn't require anyone to do anything to modify their IE installation. It's works automatically when the surfer visits your site. The *only* requirement is that the visitor has javascript enabled, and the vast majority of visitors already have it on.

  19. jimatwork
    Member
    Posted 8 years ago #

    I think the problem here is related to a cut and paste from a wordprocessor into one of you posts.

  20. manstraw
    Member
    Posted 8 years ago #

    http://validator.w3.org/ is a useful tool for find unclosed tags etc. It's prudent to search for missing tags before looking to fix a css issue. Each browser can deal uniquely with amissing tag, some guessing correctly what is intended, other not so much.

  21. flammobammo
    Member
    Posted 8 years ago #

    My apologies manstraw.. that is pretty cool about the IE DOM!

  22. manstraw
    Member
    Posted 8 years ago #

    Thanks flammo. Although I tend to not recommend it for a business website, I have used it on a business site or two. I've found that most people are running javascript, so it's not been a problem. My main reason for using it is so I have some position: fixed elements. I like to put a menu bar at the top that doesn't move.

  23. jewishfringe
    Member
    Posted 8 years ago #

    Having the same problem, and its only in IE. I tried installing the ie7 plug but it didn't seem to work. is there somewhere specifics it needs to be placed to work with rin? conversely is there another code-based fix for this? Its a popular theme, right? There must be a fix...

  24. mmurphy
    Member
    Posted 8 years ago #

    I'm having the same problem with the sidebar dropping to the bottom when I make posts every now and then...(now)
    I am completely ignorant to all of this and need help (now)
    any freelancers want to have a go at it? I really need to get it resolved and understand what I'm doing wrong so I don't do it again.
    Thanks-
    http://www.michellemurphy.com/Blog

Topic Closed

This topic has been closed to new replies.

About this Topic