Jump to content

Ie Background Image/color Causing Failure

merryfknpoppins

By merryfknpoppins
in CSS

Recommended Posts

merryfknpoppins Newbie

merryfknpoppins

Posted
Posted

In basic what I'm working on here is a website that is pulling information from a php backend and filling DIV's using httprequests ajax style. The div's are sliding in and out using mootools fx.slide. When the div is slid out the ajax request is loaded into it and then it is dropped back down. The DIV's have a white background. This is working magnificiently in everyting but IE. In IE the background color is not displaying and I'm being left with a clear background. When i switched the background to a white gif on repeat it caused the CSS to totally fail for IE. This can be seen as I have the intial presentation screen setup with gif background and if you follow the links to the counties listed on the second row of the menu, you see that the css is working but the background is clear (not using gif, using background color)The only culprit i could look to is that I was setting transparencies using both forms for IE and non compliant browsers. To test this I removed the transparencies in the container divs and I'm still seing the same problem. I'll include the html and css for the page and also a link to the server that its running live on right now. If anyone can help here I would be in your debt, this has held this project up from going live for over a week now. Thanks,TomLink : live link to website

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"			"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Southernmost Illinois Tourism Bureau</title><style type="text/css"><!--@import url("mainMenu/logoHeader2.css");#countyMap {	position:relative;	left:0px;	top:20px;	width:1243px;	height:800px;	z-index:2;	visibility: visible;}#pulaski {	opacity:0.4;	filter:alpha(opacity=40);	position:absolute;	left:303px;	top:424px;	width:262px;	height:276px;	z-index:3;}#pope {	opacity:0.4;	filter:alpha(opacity=40);	position:absolute;	left:720px;	top:186px;	width:121px;	height:108px;	z-index:3;}#johnson {	opacity:0.4;	filter:alpha(opacity=40);	position:absolute;	left:480px;	top:186px;	width:225px;	height:298px;	z-index:4;}#alexander {	opacity:0.4;	filter:alpha(opacity=40);	position:absolute;	left:90px;	top:423px;	width:342px;	height:345px;	z-index:5;}#union {	opacity:0.4;	filter:alpha(opacity=40);	position:absolute;	left:98px;	top:186px;	width:409px;	height:260px;	z-index:6;}#massac {	opacity:0.4;	filter:alpha(opacity=40);	position:absolute;	left:544px;	top:422px;	width:345px;	height:259px;	z-index:7;}#hardin {	opacity:0.4;	filter:alpha(opacity=40);	position:absolute;	left:942px;	top:185px;	width:265px;	height:212px;	z-index:8;}#mapTop {	opacity:0.25;	filter:alpha(opacity=25);	position:absolute;	left:0;	top:0;	width:1243px;	height:221px;	z-index:9;}#sitbLogo {	position:absolute;	left:163px;	top:12px;	width:334px;	height:149px;	z-index:2;}#countyMenuHeader {	position:absolute;	left:30px;	top:209px;	width:247px;	height:31px;	z-index:4;	font-family: "Times New Roman", Times, serif;	font-size: 15px;	text-decoration: underline;	font-weight: bolder;}#countylist {	position:absolute;	left:30px;	top:34px;	width:148px;	height:129px;	z-index:2;}#indexHeader {	position:absolute;	left:505px;	top:4px;	width:514px;	height:231px;	z-index:2;}#indexLogo {	position:absolute;	left:708px;	top:0px;	width:334px;	z-index:2;	font-size:12px;	visibility: visible;}#indexImgSlider {	position:absolute;	left:40px;	top:25px;	width:626px;	height:304px;	z-index:2;	border:4px;}#indexFlipBook {	position:absolute;	left:14px;	top:360px;	width:680px;	height:400px;	z-index:2;	font-size:22px;	overflow-y:auto;	overflow-x:hidden; }.countyMenu {	font-size: 16px;	color: #000000;}#countyMenuContainer {	position:absolute;	left:1335px;	top:181px;	width:202px;	height:467px;	z-index:3;	background-color: #FFFFFF;	border-color: #000000;	border-style: solid;}#topImageHolder {	position:absolute;	left:110px;	top:13px;	width:1018px;	height:205px;	z-index:3;	visibility: visible;}#sidebar {	position:absolute;	left:747px;	top:26px;	width:276px;	height:631px;	z-index:4;}#ilLogo {	position:relative;	left:111px;	top:1042px;	width:233px;	height:56px;	z-index:4;	position: absolute;}#phone {	position:relative;	left:950px;	top:1050px;	width:233px;	height:56px;	z-index:4;	position: absolute;	font-size:20px;}#searchDiv {	position:relative;	left:900px;	top:130px;	width:233px;	height:5px;	z-index:4;	position: absolute;	font-size:20px;}#AllContentsHereWrapper {	position:absolute;	left:104px;	top:226px;	clear:both;	width:1060px;	height:800px;	overflow: visible;}#listings11 {	position:absolute;	left:0px;	top:20px;	width:1050px;	height:766px;	z-index:4;	overflow: hidden;}#AllContentsHere {	position:relative;	left:0;	top:0;	width:1050px;	border-color: #000000;	border-style: solid;	z-index:4;	clear:both;	background-color: #FFFFFF;	height: 800px;	overflow: hidden;}#countyView {	position:relative;	left:0;	top:0;	width:1200px;	z-index:3;	clear:both;	background-color:white;	height: 800px;	overflow: visible;}#countyViewWrapper {	position:absolute;	left:105px;	top:226px;	width:1200px;	height:0px;	overflow: visible;	clear:both;	background-color:white;	height:800px;	}#loader {	position:absolute;	left:10px;	top:10px;	overflow: visible;	}	img.floatLeft { 	float: left; 	margin: 4px; }img.floatRight { 	float: right; 	margin: 2px; }--></style><script src="AC_RunActiveContent.js" type="text/javascript"></script><script src="mootools123.js" type="text/javascript"></script><script src="mootools-more.js" type="text/javascript" ></script><script  type="text/javascript" src="java.js"></script><script language="JavaScript1.2" type="text/javascript" src="/mm_css_menu.js"></script><script type="text/javascript"><!--function MM_preloadImages() { //v3.0  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_swapImgRestore() { //v3.0  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_findObj(n, d) { //v4.01  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);  if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}function MM_nbGroup(event, grpName) { //v6.0  var i,img,nbArr,args=MM_nbGroup.arguments;  if (event == "init" && args.length > 2) {	if ((img = MM_findObj(args[2])) != null && !img.MM_init) {	  img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;	  if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();	  nbArr[nbArr.length] = img;	  for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {		if (!img.MM_up) img.MM_up = img.src;		img.src = img.MM_dn = args[i+1];		nbArr[nbArr.length] = img;	} }  } else if (event == "over") {	document.MM_nbOver = nbArr = new Array();	for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {	  if (!img.MM_up) img.MM_up = img.src;	  img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);	  nbArr[nbArr.length] = img;	}  } else if (event == "out" ) {	for (i=0; i < document.MM_nbOver.length; i++) {	  img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }  } else if (event == "down") {	nbArr = document[grpName];	if (nbArr)	  for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }	document[grpName] = nbArr = new Array();	for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {	  if (!img.MM_up) img.MM_up = img.src;	  img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;	  nbArr[nbArr.length] = img;  } }}//--></script><?php $CSS=1; require ("calendar/calendar.php"); ?><?php $EPCAJAX=1; require ("calendar/calendar.php"); ?></head><body onload="MM_preloadImages('mainMenu/images/logoHeader2_r2_c4_f2.png','mainMenu/images/logoHeader2_r2_c7_f2.png','mainMenu/images/logoHeader2_r2_c11_f3.png','mainMenu/images/logoHeader2_r2_c11_f2.png','mainMenu/images/logoHeader2_r2_c11_f4.png','mainMenu/images/logoHeader2_r2_c12_f2.png','mainMenu/images/logoHeader2_r2_c13_f2.png','mainMenu/images/logoHeader2_r3_c2_f2.png','mainMenu/images/logoHeader2_r3_c3_f2.png','mainMenu/images/logoHeader2_r3_c5_f2.png','mainMenu/images/logoHeader2_r3_c6_f2.png','mainMenu/images/logoHeader2_r3_c8_f2.png','mainMenu/images/logoHeader2_r3_c9_f2.png','mainMenu/images/logoHeader2_r3_c10_f2.png','mainMenu/images/logoHeader2_r3_c14_f2.png');"><?php $OL=1; require ("calendar/calendar.php"); ?><div id="loader"></div><div id="searchDiv"><form id="siteSearch" name="siteSearch" onSubmit="process('ListingInterfacePublic', '','publicSearch','', 'siteSearch'); return false;"><table><tr><td>		  </td><td>	  <input name="searchCats" type="text" id="searchCats" size="20" /></td><td>	  <input type="button" value="Search" onClick="process('ListingInterfacePublic', '','publicSearch','', 'siteSearch');"></td></tr></table></form>   </div><div id='topView'></div><div id="ilLogo"><a border="0" href="http://www.enjoyillinois.com/"><img src="imam400.png" border="0" width="400" height="53" /></a></div><div id="phone">Call Us: (800) 248-4373</div><div id="countyMap">  <div id="pulaski" onMouseOver="focusCounty('pulaski')" onmouseout="defocusCounty('pulaski');" onClick="loadCounty( 'event' ,'pulaski');"><img src="finishedCounties/pulaskiNoWhite.png" width="262" height="276" /></div>  <div id="pope" onMouseOver="focusCounty('pope');"  onmouseout="defocusCounty('pope');" onClick="loadCounty( 'event' ,'pope');"><img src="finishedCounties/popeNoWhite.png" width="233" height="506" /></div>  <div id="johnson" onMouseOver="focusCounty('johnson')" onmouseout="defocusCounty('johnson')" onClick="loadCounty( 'event' ,'johnson');"><img src="finishedCounties/JohnsonNoWhite.png" width="255" height="298" /></div>  <div id="alexander" onMouseOver="focusCounty('alexander')" onmouseout="defocusCounty('alexander')" onClick="loadCounty( 'event' ,'alexander');"><img src="finishedCounties/alexanderNoWhite.png" width="342" height="345" /></div>  <div id="union" onMouseOver="focusCounty('union')" onmouseout="defocusCounty('union')" onClick="loadCounty( 'event' ,'union');"><img src="finishedCounties/unionNoWhite.png" width="409" height="260" /></div>  <div id="massac" onMouseOver="focusCounty('massac')" onmouseout="defocusCounty('massac')" onClick="loadCounty( 'event' ,'massac');"><img src="finishedCounties/MassacNoWhite.png" width="345" height="259" /></div>  <div id="hardin" onMouseOver="focusCounty('hardin')" onmouseout="defocusCounty('hardin')" onClick="loadCounty( 'event' ,'hardin');"><img src="finishedCounties/hardinNoWhite.png" width="265" height="212" /></div>  <div id="mapTop" ><img src="finishedCounties/mapTop.png" width="1243" height="221" /></div></div><div id="AllContentsHereWrapper"><div id="AllContentsHere">		  <div align="center" style="font-size:19px; padding-top:5px;width:1020px" onclick="slideOutContentsView();">Explore The Counties - Click Here</div>  <div id="listings11">	<div id="indexImgSlider">	  <div id="flashplayer">	  <div align="center">		<script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','590','height','300','src','image_rotator/Image-rotator3','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','image_rotator/Image-rotator3' ); //end AC code	</script>		<noscript>		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="590" height="300">		  <param name="movie" value="image_rotator/Image-rotator3.swf" />		  <param name="quality" value="high" />		  <param name="wmode" value="transparent" />		  <embed src="image_rotator/Image-rotator3.swf" width="590" height="300" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>		</object>		</noscript>	  </div>	</div>	</div>	  <div id="indexFlipBook"> <center>Upcoming Events</font></center>   <?php$LIST=1; $listDays = 20;$DF = "D - M d"; $template="monthly.php"; require ("calendar/calendar.php"); ?></div>		<div id="indexLogo"><img class="floatRight" src="finishedLogos/sitb small.png" alt=""  /><strong>Welcome to Southernmost Illinois- with a rich historicheritage, spectacular national forest, and two great rivers</strong><br />       Visitors can gaze the same day on the mighty Mississippi River nearWolf Lake and the Ohio River at Golconda or stand beside both greatrivers at the confluence at Cairo.<br />       Southernmost Illinois is unique in its blend of fascinating things to seeand do during a day, a week or a month's vacation.<br />       Cairo, at the southern tip of the state, is rich in Civil War history andriverlore.<br />       Union County has wonderful orchards, wineries, antiquing, picturesquehamlets and awesome scenery.<br />       A fun cave awaits travelers at Ferne Clyffe State Park and visitors comefrom near and far to visit Metropolis, home of Superman and Harrah'sMetropolis Casino.<br /><span style="float:right"><table><tr><td align="center"><strong><a href="pageFlip/Default.html" target="_blank">View The SITB Tourism Guide</a></strong></td></tr><tr><td><a href="pageFlip/Default.html" target="_blank"><img src="finishedImages/bookCover.png" alt="" style="float:right" /></a></td></tr><tr><td><div align="center"><a href="guide.pdf">Tourism Guide PDF</a></div></td></tr></table></span>Ancient trees, magnificent rock formations, and unusual plants andwildlife await explorers from the Cache River Natural Area to Horseshoe Lake.<br />       Hikers and horseback riders can follow trails that lead to lofty bluffs,caves and springs throughout Pope County.<br />       Fisherman and hunters will find an abundance of fish and wildlife.Cyclists will marvel at both the Tunnel Hill Bike Trail in Johnson Countyand the 5 mile Horseshoe Lake Hiking/Biking Trail.<br />       Quite hills and scenic Ohio River towns beckon visitors to Hardin County for a different Kind of vacation. This corner of Illinois offers a pleasant diversion for travelers seeking the road less traveled featuring the mighty Ohio River and the lush Shawnee National Forest<br>       This guide offers information on the many magnificent sites worth avisit in southernmost Illinois.<br />       We hope you will find this guide helpful and will soon visit theregion’s many recreational and historic treasures.</div>			<div align="justify"></div>  </div>    </div></div><div id="countyViewWrapper"><div id="countyView"></div></div><div id="topImageHolder">  <div id="FWTableContainer1759709851">	<table border="0" cellpadding="0" cellspacing="0" width="1032">	  <!-- fwtable fwsrc="logoHeader2.png" fwpage="Page 1" fwbase="logoHeader2.png" fwstyle="Dreamweaver" fwdocid = "1759709851" fwnested="0" -->	  <tr>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="168" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="78" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="23" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="43" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="67" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="51" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="8" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="61" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="60" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="58" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="143" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="105" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="82" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="85" height="1" border="0" id="undefined_2" /></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" id="undefined_2" /></td>	  </tr>	  <tr>		<td colspan="14"><a href="index.php"><img name="logoHeader2_r1_c1" src="mainMenu/images/logoHeader2_r1_c1.png" width="1032" height="148" border="0" id="logoHeader2_r1_c1" alt="" /></a></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="1" height="148" border="0" id="undefined_2" /></td>	  </tr>	  <tr>		<td colspan="3"><img name="logoHeader2_r2_c1" src="mainMenu/images/logoHeader2_r2_c1.png" width="269" height="29" border="0" id="logoHeader2_r2_c1" alt="" /></td>		<td colspan="3"><a href="calendarOfEvents.php" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('logoHeader2_r2_c4','','mainMenu/images/logoHeader2_r2_c4_f2.png',1);"><img name="logoHeader2_r2_c4" src="mainMenu/images/logoHeader2_r2_c4.png" width="161" height="29" border="0" id="logoHeader2_r2_c4" alt="" /></a></td>		<td colspan="4"><a href="java script:process('ListingInterfacePublic','','printAllListingsByType','32','none');" onmouseout="MM_swapImgRestore();"  onmouseover="MM_swapImage('logoHeader2_r2_c7','','mainMenu/images/logoHeader2_r2_c7_f2.png',1);"><img name="logoHeader2_r2_c7" src="mainMenu/images/logoHeader2_r2_c7.png" width="187" height="29" border="0" id="logoHeader2_r2_c7" alt="" /></a></td>		<td><a href="java script:process('ListingInterfacePublic','','accomodationsList','','none');" target="_top" onclick="MM_nbGroup('down','navbar1','logoHeader2_r2_c11','mainMenu/images/logoHeader2_r2_c11_f3.png',1);" onmouseover="MM_menuShowMenu('MMMenuContainer0810130336_0', 'MMMenu0810130336_0',-173,29,'logoHeader2_r2_c11');MM_nbGroup('over','logoHeader2_r2_c11','mainMenu/images/logoHeader2_r2_c11_f2.png','mainMenu/images/logoHeader2_r2_c11_f4.png',1);MM_swapImage('logoHeader2_r2_c11','','mainMenu/images/logoHeader2_r2_c11_f2.png',1);" onmouseout="MM_swapImgRestore();MM_nbGroup('out');MM_menuStartTimeout(400)"><img name="logoHeader2_r2_c11" src="mainMenu/images/logoHeader2_r2_c11.png" width="143" height="29" border="0" id="logoHeader2_r2_c11" alt="" /></a></td>		<td><a href="java script:process('ListingInterfacePublic','','attractionsList','','none');" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(400)" onmouseover="MM_menuShowMenu('MMMenuContainer0810130713_1', 'MMMenu0810130713_1',-852,29,'logoHeader2_r2_c12');MM_swapImage('logoHeader2_r2_c12','','mainMenu/images/logoHeader2_r2_c12_f2.png',1);"><img name="logoHeader2_r2_c12" src="mainMenu/images/logoHeader2_r2_c12.png" width="105" height="29" border="0" id="logoHeader2_r2_c12" alt="" /></a></td>		<td colspan="2"><a href="java script:process('ListingInterfacePublic','','outdoorList','','none');" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(400)" onmouseover="MM_menuShowMenu('MMMenuContainer0810131121_2', 'MMMenu0810131121_2',-749,29,'logoHeader2_r2_c13');MM_swapImage('logoHeader2_r2_c13','','mainMenu/images/logoHeader2_r2_c13_f2.png',1);"><img name="logoHeader2_r2_c13" src="mainMenu/images/logoHeader2_r2_c13.png" width="167" height="29" border="0" id="logoHeader2_r2_c13" alt="" /></a></td>		<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="1" height="29" border="0" id="undefined_2" /></td>	  </tr>	  <tr>		<td><img name="logoHeader2_r3_c1" src="mainMenu/images/logoHeader2_r3_c1.png" width="168" height="23" border="0" id="logoHeader2_r3_c1" alt="" /></td>		<td><a href="java script:slideOutContentsView(); loadCounty( 'event' ,'alexander');" onmouseout="MM_swapImgRestore(); defocusCounty('alexander');" onmouseover="MM_swapImage('logoHeader2_r3_c2','','mainMenu/images/logoHeader2_r3_c2_f2.png',1); focusCounty('alexander');"><img name="logoHeader2_r3_c2" src="mainMenu/images/logoHeader2_r3_c2.png" width="78" height="23" border="0" id="logoHeader2_r3_c2" alt="" /></a></td>		<td colspan="2"><a href="java script:loadCounty( 'event' ,'johnson');" onmouseout="MM_swapImgRestore(); defocusCounty('johnson');" onmouseover="MM_swapImage('logoHeader2_r3_c3','','mainMenu/images/logoHeader2_r3_c3_f2.png',1); focusCounty('johnson')"><img name="logoHeader2_r3_c3" src="mainMenu/images/logoHeader2_r3_c3.png" width="66" height="23" border="0" id="logoHeader2_r3_c3" alt="" /></a></td>				<td><a href="java script:loadCounty( 'event' ,'johnson');" onmouseout="MM_swapImgRestore(); defocusCounty('johnson');" onmouseover="MM_swapImage('logoHeader2_r3_c5','','mainMenu/images/logoHeader2_r3_c5_f2.png',1); focusCounty('johnson');"><img name="logoHeader2_r3_c5" src="mainMenu/images/logoHeader2_r3_c5.png" width="67" height="23" border="0" id="logoHeader2_r3_c5" alt="" /></a></td>				<td colspan="2"><a href="java script:loadCounty( 'event' ,'massac');" onmouseout="MM_swapImgRestore(); defocusCounty('massac');" onmouseover="MM_swapImage('logoHeader2_r3_c6','','mainMenu/images/logoHeader2_r3_c6_f2.png',1); focusCounty('massac');"><img name="logoHeader2_r3_c6" src="mainMenu/images/logoHeader2_r3_c6.png" width="59" height="23" border="0" id="logoHeader2_r3_c6" alt="" /></a></td>				<td><a href="java script:loadCounty( 'event' ,'pope');" onmouseout="MM_swapImgRestore(); defocusCounty('pope');" onmouseover="MM_swapImage('logoHeader2_r3_c8','','mainMenu/images/logoHeader2_r3_c8_f2.png',1); focusCounty('pope');"><img name="logoHeader2_r3_c8" src="mainMenu/images/logoHeader2_r3_c8.png" width="61" height="23" border="0" id="logoHeader2_r3_c8" alt="" /></a></td>	   		<td><a 		href="java script:loadCounty( 'event' ,'pulaski');" 		onmouseout="MM_swapImgRestore(); defocusCounty('pulaski');"		onmouseover="MM_swapImage('logoHeader2_r3_c9','','mainMenu/images/logoHeader2_r3_c9_f2.png',1); focusCounty('pulaski');">		<img name="logoHeader2_r3_c9" src="mainMenu/images/logoHeader2_r3_c9.png" width="60" height="23" border="0" id="logoHeader2_r3_c9" alt="" /></a></td>				<td><a href="java script:loadCounty( 'event' ,'union');" onmouseout="MM_swapImgRestore(); defocusCounty('union');" onmouseover="MM_swapImage('logoHeader2_r3_c10','','mainMenu/images/logoHeader2_r3_c10_f2.png',1); focusCounty('union');"><img name="logoHeader2_r3_c10" src="mainMenu/images/logoHeader2_r3_c10.png" width="58" height="23" border="0" id="logoHeader2_r3_c10" alt="" /></a></td>	   		<td colspan="3"><img name="logoHeader2_r3_c11" src="mainMenu/images/logoHeader2_r3_c11.png" width="330" height="23" border="0" id="logoHeader2_r3_c11" alt="" /></td>				<td><a href="java script:process('ListingInterfacePublic','','loadcontact','countyID','none');" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('logoHeader2_r3_c14','','mainMenu/images/logoHeader2_r3_c14_f2.png',1);"><img name="logoHeader2_r3_c14" src="mainMenu/images/logoHeader2_r3_c14.png" width="85" height="23" border="0" id="logoHeader2_r3_c14" alt="" /></a></td>				<td><img src="mainMenu/images/spacer.gif" alt="" name="undefined_2" width="1" height="23" border="0" id="undefined_2" /></td>	  </tr>	</table>	<div id="MMMenuContainer0810130336_0">	  <div id="MMMenu0810130336_0" onmouseout="MM_menuStartTimeout(800);" onmouseover="MM_menuResetTimeout();"> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','14','none');" id="MMMenu0810130336_0_Item_0" class="MMMIFHStyleMMMenu0810130336_0" onmouseover="MM_menuOverMenuItem('MMMenu0810130336_0');"> Bed & Breakfasts </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','9','none');" id="MMMenu0810130336_0_Item_1" class="MMMIHStyleMMMenu0810130336_0" onmouseover="MM_menuOverMenuItem('MMMenu0810130336_0');"> Cabins & Rentals </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','16','none');" id="MMMenu0810130336_0_Item_2" class="MMMIHStyleMMMenu0810130336_0" onmouseover="MM_menuOverMenuItem('MMMenu0810130336_0');"> Hotels & Motels </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','6','none');" id="MMMenu0810130336_0_Item_3" class="MMMIHStyleMMMenu0810130336_0" onmouseover="MM_menuOverMenuItem('MMMenu0810130336_0');"> Camping/RV Parks </a> </div>	</div>	<div id="MMMenuContainer0810130713_1">	  <div id="MMMenu0810130713_1" onmouseout="MM_menuStartTimeout(800);" onmouseover="MM_menuResetTimeout();"> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','35','none');" id="MMMenu0810130713_1_Item_0" class="MMMIFHStyleMMMenu0810130713_1" onmouseover="MM_menuOverMenuItem('MMMenu0810130713_1');"> Art Galleries </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','19','none');" id="MMMenu0810130713_1_Item_1" class="MMMIHStyleMMMenu0810130713_1" onmouseover="MM_menuOverMenuItem('MMMenu0810130713_1');"> Motor Sports </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','24','none');" id="MMMenu0810130713_1_Item_2" class="MMMIHStyleMMMenu0810130713_1" onmouseover="MM_menuOverMenuItem('MMMenu0810130713_1');"> Golf Courses </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','15','none');" id="MMMenu0810130713_1_Item_3" class="MMMIHStyleMMMenu0810130713_1" onmouseover="MM_menuOverMenuItem('MMMenu0810130713_1');"> History & Museums </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','28','none');" id="MMMenu0810130713_1_Item_4" class="MMMIHStyleMMMenu0810130713_1" onmouseover="MM_menuOverMenuItem('MMMenu0810130713_1');"> Orchards </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','5','none');" id="MMMenu0810130713_1_Item_5" class="MMMIHStyleMMMenu0810130713_1" onmouseover="MM_menuOverMenuItem('MMMenu0810130713_1');"> Dining </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','30','none');" id="MMMenu0810130713_1_Item_6" class="MMMIHStyleMMMenu0810130713_1" onmouseover="MM_menuOverMenuItem('MMMenu0810130713_1');"> Preforming Arts </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','22','none');" id="MMMenu0810130713_1_Item_7" class="MMMIHStyleMMMenu0810130713_1" onmouseover="MM_menuOverMenuItem('MMMenu0810130713_1');"> Wineries </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','18','none');" id="MMMenu0810130713_1_Item_8" class="MMMIHStyleMMMenu0810130713_1" onmouseover="MM_menuOverMenuItem('MMMenu0810130713_1');"> Specialty Stores </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','26','none');" id="MMMenu0810130713_1_Item_9" class="MMMIHStyleMMMenu0810130713_1" onmouseover="MM_menuOverMenuItem('MMMenu0810130713_1');"> Antiques </a> </div>	</div>	<div id="MMMenuContainer0810131121_2">	  <div id="MMMenu0810131121_2" onmouseout="MM_menuStartTimeout(800);" onmouseover="MM_menuResetTimeout();"> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','17','none');" id="MMMenu0810131121_2_Item_0" class="MMMIFHStyleMMMenu0810131121_2" onmouseover="MM_menuOverMenuItem('MMMenu0810131121_2');"> Bicycling </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','13','none');" id="MMMenu0810131121_2_Item_1" class="MMMIHStyleMMMenu0810131121_2" onmouseover="MM_menuOverMenuItem('MMMenu0810131121_2');"> Fishing </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','3','none');" id="MMMenu0810131121_2_Item_2" class="MMMIHStyleMMMenu0810131121_2" onmouseover="MM_menuOverMenuItem('MMMenu0810131121_2');"> Boating/Marinas </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','10','none');" id="MMMenu0810131121_2_Item_3" class="MMMIHStyleMMMenu0810131121_2" onmouseover="MM_menuOverMenuItem('MMMenu0810131121_2');"> Hiking </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','12','none');" id="MMMenu0810131121_2_Item_4" class="MMMIHStyleMMMenu0810131121_2" onmouseover="MM_menuOverMenuItem('MMMenu0810131121_2');"> Hunting </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','11','none');" id="MMMenu0810131121_2_Item_5" class="MMMIHStyleMMMenu0810131121_2" onmouseover="MM_menuOverMenuItem('MMMenu0810131121_2');"> Rock Climbing </a> <a href="java script:process('ListingInterfacePublic','','printAllListingsByType','8','none');" id="MMMenu0810131121_2_Item_6" class="MMMIHStyleMMMenu0810131121_2" onmouseover="MM_menuOverMenuItem('MMMenu0810131121_2');"> Horseback Riding </a> </div>	</div>  </div></div><div id='topView'></div></body></html>

Link to comment
Share on other sites
dsonesuk w3schools Guru

dsonesuk

Posted
Posted

have you tried increasing the z-index example, if z-index is lower than body background or any other container behind it, it obviously won't show.#alexanderbackgroundHolder { position:absolute; left:5px; top:0px; width:1100px; height:800px; z-index:3; background-color: #FFFFFF;}

Link to comment
Share on other sites
dsonesuk w3schools Guru

dsonesuk

Posted
Posted

This gives you an good explanation of z-index stackingLets say you have two separate elements A & B, and element A has a z-index of 2 and B has a z-index of 102.Then when you overlap these elements, B will always be in front of A. But if you were to nest another element C inside element A (which has a z-index of 2), and give element C a z-index of say 500, you may think that element C will remain on top.However his is not the case element B will remain on top because it has a higher z-index than element A. Element C is a child of element A and all its children can never be higher than the status of its parent.

Link to comment
Share on other sites
merryfknpoppins Newbie

merryfknpoppins

Posted
  • Author
Posted

This explenation I've read. Now here's the alternative question. If A is zindex 10 and B is z index 9.. A will stack over the top of 9. Now If i nest element C inside of A with a zindex on c of 5... will elements of B that are over the top of C cover the C elements. IE can the C be lower than the parent it is nested inside of . Are all of the Z indexes nested inside an element relative to just that Z index? More over back to the current problem. I cleaned the code up from trouble shooting I did last week. This is the DIV thats not displaying background#AllContentsHere { position:relative; left:0; top:0; width:1050px; z-index:99; border-color: #000000; border-style: solid; background-color:white; height: 800px; overflow: hidden;}This is presented on main page located at the link I gave intially. This should be showing a white background. its Z indexed to 99 and should be showing the background color as its the highest indexed div. This is not happening. If i switch it to a background image instead of a color and set it to repeat, it will crash the rest of the CSS in IE and all of my div positioning will be lost.

Link to comment
Share on other sites
dsonesuk w3schools Guru

dsonesuk

Posted
Posted

No! B element wont stack over A element or the c element nested inside it, because A is the parent, and therefore it does not matter what is nested inside or whatever z-index c has inside it.c element z-index will only come into effect with other nested elements, within the parent element A.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...