简体   繁体   中英

IE7 background issue

Currently having this really odd problem with my layout IE7. I'm not very experienced at handling IE7's bugs, so I'm hoping someone here can help me out.

If you look quickly soon after the page has loaded in IE7, the background isn't covering the whole content. Sometimes it gets stuck at the top, most of the time it covers all the content except the footer. Again, sometimes it decides to (after a few seconds) finally jump from not covering the footer to covering all the content like it should. As far as I'm aware, I've put the clearfix's where they should be. I've also tried using "overflow: auto" instead, but no luck.

Can anyone help me out? Check out the site here:

http://www.matthewruddy.com/demo/

Some of the scripts:

The source: http://pastebin.com/r6R2rdP6

The CSS: http://pastebin.com/qtMa22xX

The issues appear to be concerning #body, #page, #content, #bottom-sidebar, etc.

Thanks in advance to anyone that can help; Matthew.

Moving this:

<!--[if IE]>
<script type="text/javascript" src="http://www.matthewruddy.com/demo/wp-content/themes/la-rivista/lib/scripts/jquery.border.min.js"></script>
<script type="text/javascript">
// IE rounded borders
DD_roundies.addRule('#body', '5px');
</script>
<![endif]-->

from inside your <head> tag to just before your closing body tag ( </body> ) sorts it out.

There might be a better way.

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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM