IE Messing up HR

Discussion in 'Web Design and Development' started by ColinM, Mar 12, 2009.

  1. ColinM macrumors member

    Joined:
    Jan 25, 2008
    Location:
    Pennsylvania
    #1
    Hey MR Folks,

    So I work for a site, Hogwartsradio.com , and IE is giving me a crapload of trouble with a new design. I didn't code this, but my boss is asking me to see if I can fix it up.

    The problem is in IE 4.01 - 6, all the content is all moving below the sidebar, you can see this from a few browsershots at http://browsershots.org/http://www.hogwartsradio.com/

    I can even dream what's going on with IE 4.01, I'm more concerned with the others. Any ideas? We're using wordpress.

    Thanks!
     
  2. lindsayanng macrumors 68000

    lindsayanng

    Joined:
    May 4, 2008
    Location:
    East Haven, CT
    #2
    ummm a REAL link would be the only way to help so that someone can look at the source code.. With that the only thing I can guess is going on is that you are missing a closing <tr> or <div>

    Some browsers will just assume that you MEANT to close it if you have </tr and you forgot the > but others will not

    I think that might be your biggest issue.. btu then again, a screen shot isnt telling me much other than you are missing something somehwere
     
  3. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #3
    Read his first sentence again. ;)
    --

    Here's the quickest way to fix:
    Code:
    #wrapper {
     position: relative; /*new*/
     ...
    }
    #wrap_right{
    /*float: right; */ /*delete this line*/
    position: absolute; top: 0; right: 0; /*new*/
    ...
    }
    This at least was working in IE6 and FF3. The new design looks pretty good. I remember the old one. One observation, I noticed the heading links were different colors in FF/IE. Firefox shows them as blue, but IE as gold. Not sure which color it's suppose to be, but the blue looks better to me.
     
  4. ColinM thread starter macrumors member

    Joined:
    Jan 25, 2008
    Location:
    Pennsylvania
    #4
    So The CSS would be...

    #wrapper {
    position: relative;
    background-image: url('images/i_11.png');
    width: 919px;
    margin: auto;
    display: block;

    }


    #wrap_right{
    position: absolute; top: 0; right: 0;
    width: 228px;
    display: block;
    }

    correct?
     
  5. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #5
    Correct.
     
  6. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #6
    "So I work for a site, Hogwartsradio.com" said the OP. :rolleyes:

    @OP: Yes, change your CSS to that.
     

Share This Page