WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Sidebar issues (22 posts)

  1. Chelsea
    Member
    Posted 9 years ago #

    I've been fiddling around with the widths for the past few days, and haven't been able to figure out why the sidebar goes directly under the blog when WP is displayed in IE but the whole thing looks perfect in Firefox.

    The URL is http://unchained-melody.net and the WP version is 1.5

    Thank you in advance for any help offered..

  2. Valerie
    Member
    Posted 9 years ago #

    Add the following code in your CSS below the code for your content:

    * html #content {
    display: inline;
    }

    That should do the trick...I had the same problem on my blog, and that's what I needed. Internet Explorer is screwey when it comes to the box-model.

  3. Chelsea
    Member
    Posted 9 years ago #

    No luck. :( It didn't work.

  4. Root
    Member
    Posted 9 years ago #

    Well it maybe. But it doesnt help that folks do not understand the simple steps necessary to avoid this type of thing. Put simply you need more width.

  5. Chelsea
    Member
    Posted 9 years ago #

    I've added a hundred more pixels to the width - no avail, so I changed it back. I've added up the width of the blog and the sidebar - it really should fit.

  6. RustIndy
    Member
    Posted 9 years ago #

    IE has issues with CSS to say the least. Chances are you're a victim of it's box-model boobery. Bunnygirl's suggestion would probably work if you were being hit with the 3-pixel-jog bug, but if that didn't work, you might need to go through all the margins and paddings (at least the content and sidebar ones) and make sure that either they're cross-browser compatible, or use the various hacks to give different values to different versions of IE.

    Yes, it's a pain in the butt to have to do, but since MS has no apparent desire to support the same standards that every other browser-maker is supporting, hacks are the name of the game.

  7. Chelsea
    Member
    Posted 9 years ago #

    I changed every padding/margin to really small numbers.. grr...

    I hate IE with a passion.

    Where are some hacks? Anyone know of any?

  8. Root
    Member
    Posted 9 years ago #

    OMG. I have just read the CSS. This used to be a Gemini template before it was hacked to death

  9. Chelsea
    Member
    Posted 9 years ago #

    Yes, it used to be a Gemini. . . .

    . . . Are you saying that I did a bad job editing it?

  10. Root
    Member
    Posted 9 years ago #

    You have 550 px of width. 530 of menu and content. Plus padding and margins.
    It is bursting its container. Take put the padding / margins, add colored borders and test and adjust.

  11. Chelsea
    Member
    Posted 9 years ago #

    I did.

    It still doesn't work.

  12. RustIndy
    Member
    Posted 9 years ago #

    IE adds margins and padding to the width of a box, but they're supposed to be included. So if you have 530px of content/menu width and more than 5px of margin AND padding per side in total, it'll be broken in IE. At least, I think that's how that works....

    To be honest, I've gotten in the habit of assigning 0 margins and padding to all block elements with very rare exceptions. Saves me a LOT of headaches :) Then I can just put a margin/padding on elements that don't get a specific width (like p and h2 and whatnot) and viola - no more box-model hacking :)

  13. Chelsea
    Member
    Posted 9 years ago #

    Sigh.. I just removed practically all of the padding / margins completely and it's screwed up even more. I've also added it up so there's 550px of content and 550px width.

  14. Root
    Member
    Posted 9 years ago #

    Well no you havent. The outer container still has a 1px border. That is quite enough to bork it.

  15. RustIndy
    Member
    Posted 9 years ago #

    oh yea, borders too (sorry, forgot about that) :(

  16. Chelsea
    Member
    Posted 9 years ago #

    OK.. I'm working on it.

  17. Chelsea
    Member
    Posted 9 years ago #

    Nope. No luck at all. The sidebar still goes under the blog even without borders/padding/margin. GR!

  18. jweaks
    Member
    Posted 9 years ago #

    I'm having the same problem. I don't know if this will help anyone, but...

    it appears even if you shrink the widths, margins, etc... you can still bust the size depending what is INSIDE the box. I had a hyperlink in a post that was wider than the box and it was not being truncated. IE stretched to fit the whole thing regardless of established widths... therefore the sidebar broke and dropped to the bottom. So, look and see if some long text, like a link is forcing the box wide.

    I cut the link and voila... the sidebar fell back into place.

  19. Katrina
    Member
    Posted 9 years ago #

    hey, chelsea, looks like we have the same problem...geez. Also in firefox, it doesn't work if you put a margin of 300 or less, i think...darn..

  20. Root
    Member
    Posted 9 years ago #

    Plus sometimes your padding can cascade downwards and you end up with more than you think. List items also indent by default. This is not easy stuff. A lot of us - and Rustindy expresses it well - use simple robust code to avoid most of it but there are glitches that need hunting down. Thankyou to Mr Gates.

  21. chongorecords
    Member
    Posted 7 years ago #

    Has anyone figured out how to fix the sidebar? if you all look at my blog. http://blog.chongostorage.com you can see the problem im having the whole side bar has fallen to the bottom of the screen. I dont even know what i did to it. I havent edited anything on the blog. just went toit one day and it fell.. Why does that happen. Its really hard to find any information about this. I cant figure it out.. any help would be great.. thanks to anyone that takes the time to read this and reply.

  22. moshu
    Member
    Posted 7 years ago #

    Its really hard to find any information about this.

    <cough>
    More than 2,000 hits...
    http://wordpress.org/search/sidebar+bottom?forums=1

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.