SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    Dec 2009
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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
    Attached Images Attached Images

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    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.

  3. #3
    SitePoint Addict
    Join Date
    Dec 2009
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    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?

    I have not applied anything at all. Heck - I would not know how to apply transparancy!

    The map search is supplied from a third party, MarketLinx but it is the exact same page for all browsers.

    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.

    Code:
    <!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
    Last edited by molona; Jan 9, 2012 at 05:23. Reason: fixing code tag for better reading

  4. #4
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    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.

  5. #5
    SitePoint Addict
    Join Date
    Dec 2009
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    I'm still not sure what you are asking here

    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.

    Code:
    #mapsearch-container {
        background:#fff;
    }


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •