glopal Posted August 13, 2009 Share Posted August 13, 2009 I'm pulling my hair out here... this makes no sense whatsoever.I have two... anomalies, that occur in IE, but not in any one particular version. I'll describe the two bugs, then tell you which versions it applies to.Bug 1:My banner id has a background image that is set as right aligned. When you zoom in and out in FF, the left portion of the bg image gets hidden under the left corner logo... which is what I want. When this bug happens, it ignores the right alignment, and the right side of the bg image gets hidden under the right edge of the container (overflow:hidden), which cuts off the sign in the default zoom.Bug 2:This has to do with a negative margin. In the banner id, I first put in the corner logo, then I have a horizontal menu(#topmenu), which is right aligned, with a negative margin that puts it into the correct position. Works great in FF, and IE 6, but is hit and miss in IE7 and IE8Bug 1 Occurs in:IE 8.0.6001.18702 (Even in Compat View) (But doesn't occur in IE 8.0.6001.18702IC <--- Almost same version! What's IC?)IE 7.0.5730.13 (BUT NOT in ALL versions of 7)Bug 2 Occurs in:8.0.6001.18702IC (NOT in Compat View though) (But doesn't occur in IE 8.0.6001.18702)Doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> HTML(Conditional comments seem to work fine, for alpha transparency in ie 6) <div id="banner"><a href = "#"><!--[if !lte IE 6]><!--><img src="images/cornerLogo.png" alt = "Golden Links Lodge"/><!--<![endif]--><!--[if lte IE 6]><img src="images/cornerLogo.gif" alt = "Golden Links Lodge"/><![endif]--></a><div id = "topmenu"><a href="/volunteers.shtml">Volunteers</a> | <a href="/employment.shtml">Employment</a> | <a href="/donations.shtml">Donations</a> | <a href="/location.shtml">Location</a> | <a href="/contactus.shtml">Contact Us</a></div></div> CSS #container{ font-size:95%; background-color:#e4eaf2; background-image:url('../images/navBG.gif'); background-repeat:repeat-y; margin-left: auto; margin-right: auto; margin-top:10px; width:80%; position:relative; /*min-width:620px;*/ min-width:650px; max-width:1120px; text-align: left; border: 2px solid #000; z-index:2;}#banner{ background: url(../images/banner.jpg) no-repeat right; width:100%; overflow:hidden; margin:0; padding:0; height:172px;}#topmenu{ height:20px; position: relative; padding:0 7px 0 7px; margin:0; margin-top:-22px; float:right; background-color:#000097; color:#fff; font-family: Tahoma,Arial,sans-serif;} Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.