Jump to content

Very Strange Ie Bugs. Tried Hard To Explain Fully.


Recommended Posts

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>


#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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...