Welcome to WebmasterWorld Guest from 54.159.246.164

Forum Moderators: not2easy

Message Too Old, No Replies

problems with viewing blog in internet explorer 9

   
3:49 pm on Apr 25, 2013 (gmt 0)



Hi all. i'm having the prolems with my blog, when i view it in firefox or chrome, it works fine, but it in IE9, i found too many issue, first, the footer too large, and suddenly some border appear, you can see those errors in the pictures below:

[lh6.googleusercontent.com...]

____________________________________________________________________________________________________

Some border appear in a picture below

[lh6.googleusercontent.com...]



In chrome, its normal.

[lh4.googleusercontent.com...]
My blog: <sorry, no personal links>
Thank in advance for any helps :D

[edited by: tedster at 2:42 pm (utc) on Apr 27, 2013]
[edit reason] remove link [/edit]

9:32 pm on Apr 25, 2013 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



Start with the obvious question: What does your current CSS say about borders? Check padding and margins while you're at it.

Never leave something up to the browser's discretion if you need it to look exactly the same everywhere. Some people start their CSS with a generic

* {border: none; margin: 0; padding: 0;}


though this may be overkill. If you go that route you can throw in more stuff like

{font-size: inherit; font-family: inherit; text-align: left;}


and so on. And then give each element only those attributes you specifically want it to have.

:: insert boilerplate about MSIE here ::
3:54 am on Apr 27, 2013 (gmt 0)



Thanks you, after i had removed the "shadow" elements, i didn't see the problems like before. So thanks for your idea :D
12:45 pm on Apr 28, 2013 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Having problems with IE is normal and expected. I did not see what the "shadow elements" are but they probably don't work in IE9.
Some people start their CSS with a generic

* {border: none; margin: 0; padding: 0;}

though this may be overkill. If you go that route...

And you should never go that route.