Forum Moderators: not2easy

Message Too Old, No Replies

problems with viewing blog in internet explorer 9

         

takeover4444

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

10+ Year Member



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]

lucy24

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

WebmasterWorld Senior Member 10+ Year Member 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 ::

takeover4444

3:54 am on Apr 27, 2013 (gmt 0)

10+ Year Member



Thanks you, after i had removed the "shadow" elements, i didn't see the problems like before. So thanks for your idea :D

drhowarddrfine

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.