Another question regarding IE.

When viewing this website in IE (in compatibility view), the bottom half of the bulletin board gets cut off. Image from the top is missing as well ... (on the little gray strip below the navigation)

I'm guessing it's because of the containing div: .board { float: right; background: url(img/board.png); margin-top: 40px; margin-bottom: -240px; width: 272px; height: 363px; } However, they want the board going down into the footer, so I'm not sure of how I can fix it and achieve that as well.

Wordpress so challenges me! Lol

Thank you ~

1 answer


I don't see the problem that you're talking about in IE (I'm using IE8) - but in any case, you could assign the .board div a z-index of 10 or 20. That will float it above everything else that doesn't have a z-index attached to it.

Answered almost 10 years ago by Brian Hollenbeck