*[Solved] Hyperlinks not working…? – Unsolved: IE7 Positioning Issues

[TheDoc]

Do something like this:

[HeatherFeimster]

Thanks, Doc. I was hesitant to do the extra stylesheet because I try not to use many “hacks” in my coding (and I know some people think browser detection is a hack), but I think it is the best way to solve the problem (just one browser, very minimal code inside it for IE7).

I’ll post the updated link when I get it fixed. Thanks again!

[HeatherFeimster]

Hey guys, I’m trying to get this IE7 positioning fixed but running into some problems. Can someone with IE7 take a look and see how it is doing? The problem was the #contentheader div sliding up behind #header.

Here’s the live link: http://kingarthurjewelry.com/

I’ve tried adding the IF IE7 statement and created a new ie7.css file, but I’m not sure if I’m doing this right – I haven’t worked much with IE (must be the Mac owner in me :) )

Here’s the (short) css code included in the ie7.css file:

@charset "UTF-8";

/* CSS Document for IE7 bugs */



#header {

height: 231px;

margin: 0 auto;

/*position: absolute; - removed to fix the overlap issue

top: 0;*/

z-index: 1;

}



#contentwrapper {

margin-top: 313px;

position: relative;

top: 313px;

left:0;

width: 100%;

}

Any suggestions on getting this to play nice in IE7?

Thanks y’all!

[Author]

Posts