WordPress.org

Forums

IE Making Site Show Up Weird (7 posts)

  1. ganiggle
    Member
    Posted 6 years ago #

    Hi everyone! My website is http://www.ganiggle.com and it's having a problem showing up only in IE as far as I can tell. What's happening is the sidebars are in the correct place, but the middle area where the main content goes is being pushed down the page so that it's showing up *after* the sidebar stops.

    I remember fixing this before in the stylesheet somewhere, but I cannot for the life of me figure out how I did it!

    Does anybody know what code I would need to change in order for it to show up properly in IE?

    Thank you in advance :)

    -Wendy

  2. Eric Amundson
    Volunteer Moderator
    Posted 6 years ago #

    Still having this issue, Wendy? Your site looks pretty okay in IE to me.

  3. ganiggle
    Member
    Posted 6 years ago #

    Yes I'm still having the problem. I'm using version 6.0, is that what you used to look at it? The side bars show up okay, but my most recent post doesn't start until the side bars end :(

  4. Eric Amundson
    Volunteer Moderator
    Posted 6 years ago #

    Aha! IE 6!

    Well, I'd definitely recommend upgrading your browser, but to get it to look okay on IE6, I'd start by trying this:

    In your style.css file, change this:

    #content
    {
    display: block;
    margin: 0 190px 20px 195px;
    padding: 1em;
    padding-top: 10px;
    padding-left: 10px;
    margin-top:4px;
    text-align: left;
    background: #f9fdf6;
    }

    to this:

    #content
    {
    margin: 0 210px 20px;
    padding: 1em 0;
    margin-top:10px;
    text-align: left;
    background: #f9fdf6;
    }

    And this:

    h3.posttitle
    {
    font-size: 22px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 12px;
    margin-bottom: 5px;
    border-bottom: 3px solid #5d8158;
    background:#a8bfa5 url(img/title.gif) top left no-repeat;
    }

    to this:

    h3.posttitle
    {
    font-size: 22px;
    font-weight: bold;
    padding: 2px 5px;
    margin: 12px 0 5px 10px;
    border-bottom: 3px solid #5d8158;
    background:#a8bfa5 url(img/title.gif) top left no-repeat;
    }

    and possibly this:

    .entry
    {
    margin-bottom: 5px;
    }

    to

    .entry
    {
    margin: 5px;
    }

    Let me know how it goes.

  5. ganiggle
    Member
    Posted 6 years ago #

    Wow that's a lot of stuff to change! I'll do that after work (cant really do it at work, which is where I am now) And I'll let you know if it works or not. I have to use IE6 at work and we can't upgrade :(

    I use firefox at home and it's always showed up perfectly. I wish everyone just used firefox hehe :p

  6. Eric Amundson
    Volunteer Moderator
    Posted 6 years ago #

    Exactly - everyone should give up IE for Firefox. I can't think of one single thing it does better.

    Wow that's a lot of stuff to change!

    Really the first two are the biggies and they're just two separate entries in your style.css file. I included the whole blocks so you can do two cut/pastes and upload and see how it looks.

    I've got IE6 on a virtual machine here and can check it later if you give me a heads up.

    You can also try using BrowserShots.org to see the results of your changes.

  7. ganiggle
    Member
    Posted 6 years ago #

    Awesome thank you so much! You're so helpful! I'll let you know how it goes :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.