Internet Explorer 9 - CSS Breaking
Question
I have this mock up HTML/CSS website here that is working perfectly fine on Firefox/Chrome but on Internet Explorer, the organization of the page is breaking; footer div is coming to the header section). I have tried to debug it but no luck.
It would be great if you can take a look into it and give me some pointers.
https://www.csupomona.edu/~tahoang/tu-template/
Thanks!!
3 answers
solution1
2 2012-03-15 20:15:16
You have a couple of duplicate IDs in use. I would start by fixing those.
Looks fine to me in IE 8, IE 9 and Chrome. Do you have compatibility view enabled in IE 9?
solution2
1 2012-03-15 20:18:51
Try adding this to the <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Also fix those duplicate IDs Tim mentions, but this Meta tag will fix all your IE9 problems ;)
solution3
1 ACCPTED 2012-03-15 20:41:36
I also notice in the Footer that you having a bunch of the columns positioned relatively, there is no need for that. You may remove that.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.