Forums

Internet Explorer Sidebar Fun (Epione) - Please help.. (3 posts)

  1. nightingaleclub
    Member
    Posted 1 year ago #

    I have been heavily modifying the Epione theme (somewhat blindly). I thought I was all finished, until I tested it in internet explorer. Oops.

    I have at least got the menu/sidebar back up where it should be instead of indented below my page content. However, it now seems to be surrounded by quite a lot of space and be cut off in a strange way, as if half of it isn't visible. This is in a recent version of IE, I think 7 or 8.

    Warning: before you click, this is a website for a gay nightclub (but work safe).

    How it's supposed to look:

    http://web230.extendcp.co.uk/nightingaleclub.co.uk/iehack/capture1.JPG

    How it looks in IE:

    http://web230.extendcp.co.uk/nightingaleclub.co.uk/iehack/Capture.JPG

    Website:

    http://web230.extendcp.co.uk/nightingaleclub.co.uk/wordpress/

    In Firefox it looks pretty neat(I've used a curvy corner code. In IE I will have to add some curved images to the top and bottom of the widgets, but I know about that - first I need to get it to stop being cut off in the middle)

    Here's my page/post and widget code.

    [Large code excerpt removed by moderator per forum rules. Please use the pastebin for all large code excerpts. It works better anyway.]

  2. argonius
    Member
    Posted 1 year ago #

    my first impression is that element #not_home_s width could be set.
    Try this fix for IE

    #not_home_s{
        width:300px; /*try different values*/
    }

    if with sidebar goes below content, then try to add absolute position, instead of relative float:left;

    #not_home_s{
        position:absolute;
        left:100px; /*try different values*/
        top:150px; /*try different values*/
    }
  3. songdogtech
    Member
    Posted 1 year ago #

    Please don't paste huge chunks of code as per the Forum Rules - use the WordPress Pastebin

    Fix your broken and missing table and div tags: [Invalid] Markup Validation of web230.extendcp.co.uk nightingaleclub.co.uk wordpress - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

Topic Closed

This topic has been closed to new replies.

About this Topic