WordPress.org

Ready to get started?Download WordPress

Forums

Problem with footer in IE (8 posts)

  1. Jinsan
    Member
    Posted 9 years ago #

    Hello,

    http://sekhu.net/wp is the site

    If you look at the footer in IE it is aligned to the right when it should be centered like in Firefox - what would be the fix? margin-left doesn't work. My code is:

    #footer {
    background: #99CC66;
    font-size: 7pt;
    position: relative;
    bottom: 0px;
    width: 510px;
    text-align: center;
    left: 12px;
    }

  2. sadish
    Member
    Posted 9 years ago #

    try
    margin:0 auto;
    and a
    width: slightly less than the outside container

  3. Jinsan
    Member
    Posted 9 years ago #

    Thanks Sadish,

    Tried it with no joy - it shifted the footer in FF as well as in IE; in IE it just remained the same in its shifted position.

    Any other suggestions?

  4. Joshua Sigar
    Member
    Posted 9 years ago #

    Change left to 0 instead of 12?

    #footer {
    ...
    left: 0;
    }

  5. Jinsan
    Member
    Posted 9 years ago #

    if I do that, for some reason it shifts out of place, which is why I put left: 12 in the first place, because it's out of joint - I don't know why. Besides, left pushes the item towards the left, not the right, which is why it's pushing right not left.

    I don't know why it's shifting out like that, but as I said, OK in FF but shifted in IE

  6. Joshua Sigar
    Member
    Posted 9 years ago #

    My solution worked when I tested it.
    I don't get what you said, but, left property is similar to margin-left.

    Another solution would be to float-left the footer instead of position-ing it relative-ly.

  7. dawg
    Member
    Posted 9 years ago #

    If you change your outer wrapper to 520, nav bar the same, drop everything in footer other than font size and bg color it will align right for you.

  8. Jinsan
    Member
    Posted 9 years ago #

    well I ended up doing the following with some of dawg's suggestions:

    #footer {
    background: #99CC66;
    font-size: 7pt;
    padding: 8px;
    border-right: 13px solid #fff;
    border-left: 12px solid #fff;
    }

    The padding was just someting extra I added. Having only font and background worked, however it meant the sides were not covered by the outer wrapper, so I then added a border left and right of the footer. Editing the outerwrapper and the navbar to 520 resulted in the navbar being in line, but part of sticking out to the side like a hitching thumb.

    Thanks for your help guys it pointed me toward the right direction.

    Works in IE and FF

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.