WordPress.org

Support

Support » Themes and Templates » Problem with footer in IE

Problem with footer in IE

  • 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;
    }

Viewing 7 replies - 1 through 7 (of 7 total)
  • try
    margin:0 auto;
    and a
    width: slightly less than the outside container

    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?

    Change left to 0 instead of 12?

    #footer {
    ...
    left: 0;
    }

    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

    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.

    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.

    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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Problem with footer in IE’ is closed to new replies.