- This topic is empty.
Viewing 11 posts - 1 through 11 (of 11 total)
Viewing 11 posts - 1 through 11 (of 11 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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!
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;}
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
try replacing
with
and try again
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.
check if you have included something like http://code.google.com/p/html5shiv/
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.
Thanks for the help!
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/
Awesome! I made those changes and now hopefully it fixes the bug. Ill have to view it and see if things look better.