Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Footer Issues

  • This topic is empty.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #37990
    goalieman34
    Member

    My clients office has Internet Explorer 7 and when they view the website it has a problem with the footer. The footer stacks itself and looks all funny. When viewed with updated EI and Chrome things look fine. Is there anything that I can do fix this?
    Any help would be great!

    http://petrowest.squarespace.com/

    #102553
    Senff
    Participant

    It’s probably the asterisk you have in line 977 of your common.css file that’s breaking things (right before “display”):

    #footer div.col {width:30%;display:inline-block;*display:inline;padding:1%;text-align:left;border-right:1px solid #222;}
    #102555
    goalieman34
    Member

    Thanks @Senff I think that must be what is causing problems. However, when I delete the asterisk it makes things still somewhat stacked. Not sure what to do so I just put it back in place for now. Any idea on what i could do next after deleting the asterisk

    #102559
    timmey
    Member

    try replacing




    with



    and try again

    #102569
    Senff
    Participant

    Hard to tell what you should do after deleting the asterisk, I can’t see how it looks without it…


    @timmey
    : since footer has been declared as a block element in the CSS file, that shouldn’t make a difference.

    #102575
    timmey
    Member

    check if you have included something like http://code.google.com/p/html5shiv/

    #102589
    tetzuha
    Member

    Hi,

    I’m not the most experienced Web developer, but you could look up the IE bug for overflow:hidden. I know it used to have a issue with overflow, but I thought it was lost after IE6, but i could be wrong, worth looking up. if it is that there is a simple code you can add to the CSS to make IE behave.

    Hope that helps.

    #102723
    goalieman34
    Member

    Thanks for the help!

    #103014
    goalieman34
    Member

    I am still having problems with find the code to fix the IE6 bug for overflow:hidden. Any help would be great.
    http://petrowest.squarespace.com/

    #103013
    amoss
    Participant

    Instead of using

    your lists

    Try

    http://jsfiddle.net/kpVJt/3/embedded/result/

    #103015
    goalieman34
    Member

    Awesome! I made those changes and now hopefully it fixes the bug. Ill have to view it and see if things look better.

Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘CSS’ is closed to new topics and replies.