Chrome vs. IE 8 Transparancy

If you view the two Images 3 and 4.png attachments you will notice near the top of the map in Chrome it has a transparency with black text that cannot bee seen on a background image.

In IE 8 this is not transparent?

Same stylesheet for both of them.

I cannot use a backgroung image with the same dimenshions as #maincontent because if it’s a dark background some dark text will not be visible.

Vice versa for a light background image

There are similar footer issues also.

Is there a hack or something I can use to correct this?

Thanks Rick

Hi,

I’m not really sure what you are asking here. Why have you applied transparency if you don’t want it or is that done through the third party code?

We’d need to see a live page anyway to see what’s going on and why IE8 is different from Chrome. Does the page have a valid doctype? That might be one reason why IE8 is different.

Here is the html page - which by the way passed a valadation 100%! I can’t believe it.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="en"/>
<title>Search Corona del Mar Real Estate</title>
<link type="text/css" rel="stylesheet" href="css/mapsearch.css" media="screen,projection,tv"/>
</head>
    <body>
                       
        
            <div id="nav">
                    <ul id="navli">
                      <li><a href="http://www.propertieswithstyle.com" title="Site Home Page">Return to Home Page</a></li>
                    <li><a href="http://www.propertieswithstyle.com" title="Value Charts">Return to Charts Page</a></li>
                    <li><a href="http://www.propertieswithstyle.com" title="Search Homes">Return to Search Homes</a></li>
                    <li><a href="http://www.propertieswithstyle.com/socomap.html" title="Return To So. County List">Return to So. Orange County Search</a></li>
                    <li><a href="http://www.propertieswithstyle.com" title="Breakers Drive">Breakers Drive</a></li>
                       <li><a href="http://www.propertieswithstyle.com/cameoshoresmap.html" title="Cameo Shores">Cameo Shores And Highlands</a></li>
                      <li><a href="http://www.propertieswithstyle.com" title="Channel Reef Condos">Channel Reef Condos</a></li>
                      <li><a href="http://www.propertieswithstyle.com" title="China Cove">China Cove</a></li>
                      <li><a href="http://www.propertieswithstyle.com" title="Corona Highlands">Corona Highlands</a></li>
                    <li><a href="http://www.propertieswithstyle.com" title="Harbor View Hills">Harbor View Hills</a></li>
                    <li><a href="http://www.propertieswithstyle.com/irvterrmap.html" title="IRVINE TERRACE">Irvine Terrace</a></li>
                    <li><a href="http://www.propertieswithstyle.com" title="Jasmine Park">Jasmine Park</a></li>
                    <li><a href="http://www.propertieswithstyle.com" title="Shorecliffs">Shorecliffs</a></li>
                            
                </ul>
            </div><!--eND of Nav-->
           
        
            <div id="maincontent">
           

<div class="txtright">This search engine mirrors the California Regional Multiple Listing Service (CRMLS) system which is the largest MLS in the United States. We display the latest listing information before it is <em>&quot;pushed&quot;</em> out to all of the vendors nationwide. Select a <em>price range, bedrooms, and property type.</em> This will display house icons on the screen. At the bottom of the map you will see &quot;Expand Map.&quot; There is a <em>Map View, List View and Gallery View.</em> You can save searches or set up eMail alerts to be notified of new listings.
            </div>
        
             <div class="mapname">
                  Corona del Mar Map Search
              </div>

                                
    <object
          type="text/html" 
          width="880" 
          height="1200"
        data="http://www.searchpoint.net/Search/mapSearch.aspx?_account=idd&_new=1&org_id=carets&agent_public_id=SSCHRRIC_socal&sponsor_office_id=H631_SOCAL&master_uid=DDA3E921-85C2-488C-8B79-DA50DB9D19BA&criteria=<Search><OrgId>carets</OrgId><NELat>33.61304676018744</NELat><NELong>-117.8405570983887</NELong><SWLat>33.5843072580453</SWLat><SWLong>-117.88999557495118</SWLong><LocationType>zip%20code</LocationType><MidLat>33.5986770091164</MidLat><MidLong>-117.86527633667</MidLong><Zoom>14</Zoom><SearchType>1</SearchType><PolygonType>zip</PolygonType><LocationType>zip%20code</LocationType><Location>92625%20(Zip%20Code)</Location><MinPrice>500000</MinPrice><MinBeds>2</MinBeds><MinBaths>2</MinBaths><MinSqFt>1400</MinSqFt><Status>A,B</Status><oper_in_misearch_features_2>OR</oper_in_misearch_features_2><oper_in_misearch_features_3>OR</oper_in_misearch_features_3><RESPropertyType>SFR,CON</RESPropertyType><Features></Features></Search><p>The html Object has failed.</p>">
    </object>        

            <div id="footer">
  <hr />
  Copyright, Properties With Style Inc., a Real Estate Corporation&copy;, DRE License: 01408382. CRMLS, Inc., data content displayed on this site is deemed reliable but is not guaranteed accurate by the MLS. Information of sellers and others have not been verified. Data maintained by the Associations or their MLS may not reflect all real estate activity in the market.
  <hr />    
      </div><!--eND Footer-->
   </div><!--EndMaincontent-->
  </body>
</html>
<!--cdmsearch.html 1/3/2012-->

I know the little "> at the end ot the object probably shoudn’t be there but without it the is a valadation error which says that <div footer isn’t part of the object.

I’ve had a real problem closing the </object>

Thanks . . . Rick

HTML without the CSS being applied to it is like CSS without the HTML – gibberish. Again, Paul said a LIVE page of it… Incomplete snippets we’re just guessing wildly in the dark.

Though since the text that’s coming across as transparent is NOWHERE in the HTML you posted… I’d think it was a problem with the object embed… which to be honest looks like broken gibberish and/or an invalid URL… though that’s par for the course with a lot of these ‘object based’ maps.

I’ve placed the new pages on the internet now.

This page in Chrome shows the transparency that I’m talking about. http://www.propertieswithstyle.com/cdmmap.html

Look at the same page in IE.

Thanks

I’m still not sure what you are asking here :slight_smile:

The white background in IE8 is the background of the iframe which it renders as white unless you add allowtransparency=“true” to the iframe tag.

If you want both browsers to have a white background then just a white background to the mapsearch container.


#mapsearch-container {
    background:#fff;
}