• Hi, I have a theme installed on my website http://www.djvesh.com. On browsers IE 7 and Firefox, the theme works fine. However, I just tried my site on a previous version of IE and the code does not work properly. Instead of the news and text appearing right at the top of the page beside the nav bar on the right, it appears below the nav bar, on the left (merges backgrounds) and you have to scroll down to see it, so there is a large white space at the top of the page.

    How do I fix this error so it works properly in all browsers, all versions?

    Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Search the forum for sidebar dropping in IE. It’s a very common issue that’s usually caused by some content being to wide to fit in your main column.

    Thread Starter danvesh

    (@danvesh)

    the sidebar is fine and doesnt move, its the main content itself

    Doesn’t matter: in your theme the sidebar comes first and the content after it (in the html code), so it is your content part that is going down. The cause and the fix is the same as to what you will find doing the search as jeremy suggested.
    Do a search for “sidebar down IE”.

    Thread Starter danvesh

    (@danvesh)

    I did a search but haven’t been able to find a solution message, could you please provide a link for one?

    It is always the same: something is too wide for the container div.
    It might be that the total width of the the divs (sidebar+content) is wider than your “wrap” div around them.
    It might be one single element in either the sidebar or the content that is too wide. It can be an image, a long code line, a long URL etc.
    It also can be that is a sloppy theme…

    the wrap div is 800
    the sidebar is 222 and the content div is 520 which adds to 742(i can add!)so everything ought to fit.
    It’s more probably a problem with both sidebar and content being given float:left; and the content div has margin 10px 10px 10px 10px
    (also sidebar div has empty periods in the code.did you delete stuff and leave the periods? just wondering)
    you can try removing the margin…then give content div overflow:hidden; and tell it to float:right;then add margin and padding back in to give the content div it’s nice spacing.If that doesn’t work try making content div smaller(less than 520px)this may cause trouble if content’s post,entry divs have fixed widths,though.
    IE6 is a beotch but it isn’t a good idea to tell people what browser to view your site in and def. not in your title or description field.I know you only did it so that people could get a clue but still…

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Help’ is closed to new replies.