Accessibility

CSS Advisor

Site problems in Chrome

by bloechner412 on September 4, 2012 Avg Rating 5.0 (1)   |   Log in to rate post.

Tagged with Explorer 6.0 , chrome , Background

Problem

site looks great in IE but not in Chrome

Solution

need a proposed workaround

Detailed description

My site looks good in internet explorer but it is completely different in chrome.  It looks ok when I view the webpage in chrome through dreamweaver, but when I took the site live it looked altoghether different.  Can anyone help me please.  below is my code.

 

<!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" xml:lang="en-US" lang="en-US" dir="ltr" class="js"><head profile="http://gmpg.org/xfn/11">
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<link rel="stylesheet" href="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/colorpicker.css" type="text/css" media="screen" />
<link href="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/css" rel="stylesheet" type="text/css" />
<link href="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/css(1)" rel="stylesheet" type="text/css" />


</head>

</script>
<head>

<link rel="alternate" type="application/rss+xml" title="Monument Mall » Feed" href="http://www.themonumentmall.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Monument Mall » Comments Feed" href="http://www.themonumentmall.com/comments/feed/" />
<meta content="Chameleon v.2.5" name="generator" /><link rel="stylesheet" id="et_responsive-css" href="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/responsive.css" type="text/css" media="all" />
<link rel="stylesheet" id="et-shortcodes-css-css" href="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/shortcodes.css" type="text/css" media="all" />
<link rel="stylesheet" id="fancybox-css" href="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<link rel="stylesheet" id="et_page_templates-css" href="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/page_templates.css" type="text/css" media="screen" />
<script type="text/javascript" src="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/jquery.js"></script>
<script type="text/javascript" src="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/et_shortcodes_frontend.js"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.themonumentmall.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.themonumentmall.com/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.3.2" />
<meta name="description" content="Pittsburgh's home for custom monuments from artisan to affordable." />
<link rel="canonical" href="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/The Monument Mall.htm" />
</head>

</style>

<link id="droid_sans" href="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/css(2)" rel="stylesheet" type="text/css" /><style type="text/css">
body {
 font-family: Verdana, Geneva, sans-serif !important;
}
</style><style type="text/css">body {  }</style><meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /><style type="text/css">
body.custom-background {
 BACKGROUND-IMAGE: url(admin-ajax.jpg);
 BACKGROUND-ATTACHMENT: scroll;
 BACKGROUND-REPEAT: repeat;
 BACKGROUND-POSITION: left top
}
</style>

<style type="text/css">#et_pt_portfolio_gallery {
 MARGIN-LEFT: -41px; MARGIN-RIGHT: -51px
}
.et_pt_portfolio_item {
 MARGIN-LEFT: 35px
}
.et_portfolio_small {
 MARGIN-LEFT: -40px !important
}
.et_portfolio_small .et_pt_portfolio_item {
 MARGIN-LEFT: 32px !important
}
.et_portfolio_large {
 MARGIN-LEFT: -26px !important
}
.et_portfolio_large .et_pt_portfolio_item {
 MARGIN-LEFT: 11px !important
}
</style>
</head><!--[if IE]><style type="text/css"> #containerID { zoom: 1;}</style><![endif]--> <div id="header" class="clearfix">
<body
class="page page-id-800 page-template page-template-page-full-php custom-background ie">
<div id="container">
 
    <p> <img src="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/Monumentmall_fnlllogo.png" alt="The Monument Mall" width="298" height="190" id="logo" /></p>
       <table width="514" height="30" border="0" cellpadding="0">
              <tr>
                <th width="86" scope="col"><a href="About Us.html">About Us</a></th>
              <th width="148" scope="col"><a href="Monument Mall.html">Monument Gallery</a></th>
              <th width="92" scope="col"><a href="Contact Us.html">Directions</a></th>
              <th width="97" scope="col"><a href="Testimonials.html">Testimonials</a></th>
              <th width="79" scope="col"><a href="mailto:nigelbentley@themonumentmall.com">Email</a></th>
            </tr>
    </table>
          <p>&nbsp;</p>
       <ul id="mobile_menu" class="">
     <li class="page_item page-item-164"><a href="http://www.themonumentmall.com/full-width/" class="sf-with-ul">About Us<span class="sf-sub-indicator"> »</span></a>
  <ul class="children" style="display: none; visibility: hidden; ">
    <li class="page_item page-item-1001"><a href="http://www.themonumentmall.com/full-width/faq/">FAQ</a></li>
  </ul>
</li>
<li class="page_item page-item-862"><a href="http://www.themonumentmall.com/product-gallery-2/" class="sf-with-ul">Monuments<span class="sf-sub-indicator"> »</span></a>
<ul class="children" style="display: none; visibility: hidden; ">
 <li class="page_item page-item-762"><a href="http://www.themonumentmall.com/product-gallery-2/product-gallery/">Monument Gallery</a></li>
 <li class="page_item page-item-777"><a href="http://www.themonumentmall.com/product-gallery-2/pet-monuments/">Pet Monuments</a></li>
 <li class="page_item page-item-871"><a href="http://www.themonumentmall.com/product-gallery-2/granite-options/">Granite Options</a></li>
 <li class="page_item page-item-1049"><a href="http://www.themonumentmall.com/product-gallery-2/cremation-urnskeepsakes/">Cremation Urns/Keepsakes</a></li>
</ul>
</li>
<li class="page_item page-item-746"><a href="http://www.themonumentmall.com/laser-etching/">Laser Etching</a></li>
<li class="page_item page-item-785"><a href="http://www.themonumentmall.com/contact-us/">Contact Us</a></li>
<li class="page_item page-item-790"><a href="http://www.themonumentmall.com/support/">Testimonials</a></li>
     <li>No categories</li>    </ul>
          <pre>&nbsp;</pre>
          <pre>
                   <a href="Heirloom.html"><img src="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/search-bg.png" width="360" height="62" alt="Heirloom Collection" /></a>

</pre>
  </div>
<p align="center"><a href="Index.html"><img src="banneraboutus12.jpg" width="892" height="303" alt="banner" /></a></p>
  <div id="content-area">
<div class="service">
       <h3 class="title">About Us</h3>
       
                      <div class="thumb"> <a href="About Us.html"><img src="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/banneraboutus1-118232_376x110.jpg" class="item-image" alt="About Us" width="240" height="110px" /></a>
                                                                 </div>
       <div class="mceTemp">
         <h5>Hometown Pittsburgh Craftsmanship with Affordable Pricing </h5>
         <p align="justify">Buying a memorial is something you may only do once in your life. You will be purchasing something that will last through the ages to commemorate the life of someone special, someone whom you love dearly. It is a purchase that should be made with great care and consideration. </p>
<p>&nbsp;</p>
      </div>
<div class="mceTemp"></div>
 </div>
     <div id="services" class="clearfix">
       <div class="service">
                        <h3 class="title">Monuments</h3>
                        <div class="thumb"> <a href="Monument Mall.html"><img src="monutmentsbanner-358387_376x110.png" class="item-image" alt="Monuments" width="232" height="68" /></a> </div>
<h5>Types of Monuments</h5>
                        <p align="justify">Monuments come in many different varieties, substrates, colors, and shapes. Below are the different types of monuments that we offer. </p>
       </div>
       <div class="service last">
                        <h3 class="title">Laser Etching</h3>
                        <div class="thumb"> <a href="Laser Etching.html"><img src="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/etchingslider-61490_376x110.jpg" class="item-image" alt="Laser Etching" width="244" height="110px" /></a> </div>
<div class="mceTemp">
  <h5>An Exclusive Service</h5>
  <p align="justify">Monument Mall is the only monument craftsman to offer laser etching. Laser Etching has unprecedented amounts of accuracy and detail, allowing you to use photos for monument imagery. </p>
</div>
      </div>
 </div>
                    <div id="multi-media-bar">
                      <h3 class="title">Monument Gallery</h3>
                      <p><a href="angels and hearts.html"><img src="50-93509_260x170.jpg" width="128" height="83" alt="Angels and Hearts Collection" /></a><a href="legacy.html"><img src="24-79740_260x170.jpg" width="145" height="87" alt="Legacy Collection" /></a> <a href="Plural.html"><img src="plural collection/26.JPG" width="136" height="97" alt="Plural Collection" /></a> <a href="Bench.html"><img src="bench collection/54.JPG" width="148" height="88" alt="Bench Collection" /></a><a href="Heirloom.html"><img src="HM08-35938_260x170.jpg" width="148" height="88" alt="Heirloom Collection" /></a><a href="Pet.html"><img src="Your-Pet-Memorial/cat-1.jpg" alt="Pet Monuments" width="128" height="70" /></a></p>
                    </div>
<div class="clear"></div>
  
  
</div>
  <div id="footer">
   <div id="footer-content" class="clearfix" align="center">
<div id="footer-widgets" class="clearfix">
<div id="customlogowidget-2" class="footer-widget widget_customlogowidget"> 
<p id="footer-logo"><img alt="" src="file:///C|/Users/bloechner/Desktop/The Monument Mall_files/Monumentmall_fnlllogo1.png" /></p>
<p>226 Cemetery Lane, Pittsburgh, PA 15237</p>
<p>412.931.1017</p>
<p>&nbsp;</p>
<table width="200" border="0" cellpadding="0">
  <tr>
    <th scope="col"><a href="http://www.facebook.com/mobileprotection#!/pages/The-Monument-Mall/423778574334736"><img src="facebook.png" alt="facebook" width="30" height="30" /></a></th>
    <th scope="col"><a href="https://twitter.com/TheMonumentMall"><img src="twitter.png" alt="twitter" width="21" height="30" /></a></th>
    <th scope="col"><a href="http://www.linkedin.com/pub/nigel-bentley/57/503/87"><img src="linkedin.jpg" alt="linkedin" width="38" height="28" /></a></th>
  </tr>
</table>

</div>
<div id="pages-2" class="footer-widget widget_pages"><h4 align="left" class="widgettitle">Pages</h4>  
  <div align="left">
    <ul>
      <li class="page_item page-item-164"></li>
      <li class="children">
        <li class="page_item page-item-164"><a href="About Us.html">About Us</a>
          <ul class="children">
            <li class="page_item page-item-1041"><a href="faqs.html">Frequently Asked Questions</a></li>
          </ul>
        </li>
        <li class="page_item page-item-785"><a href="Contact Us.html">Directions</a>
          <ul>
          </ul>
          <a href="Laser Etching.html">Laser Etching</a>
          <ul>
            <li><a href="Laser Etching Samples.html">Laser Etched Samples</a></li>
          </ul>
        </li>
        <li class="page_item page-item-862"><a href="Monument Mall.html">Monument Gallery</a>
          <ul>
            <li><a href="angels and hearts.html">Angels and Hearts Collection</a></li>
            <li><a href="legacy.html">Legacy Collection</a></li>
            <li><a href="Plural.html">Plural Collection</a></li>
            <li><a href="Bench.html">Bench Collection</a></li>
            <li><a href="Heirloom.html">Heirloom Collection</a></li>
            <li><a href="Pet.html">Pet Monuments</a></li>
</ul>
          <a href="cremation urns and keepsakes.html">Cremation Urns/Keepsakes</a>
          <ul>
            <li><a href="Urns and Keepsakes/Cremation Urns.pdf">Catalog</a></li>
          </ul>
        </li>
        <li class="children">
          <li>
            <li><a href="granite samples.html">Granite Options</a></li>
<li><a href="Testimonials.html">Testimonials</a></li>
          </ul>
        </ul>
        <li class="page_item page-item-164"></li><ul class="children">
        </ul>
      </ul>
</ul>
  </div>
</div>
</div>
    </div>
  </div>
</div>
</body>
</html>




Tagged with Explorer 6.0 , chrome , Background

Tag it on del.icio.us or Digg

Text ID: SITE_PROBLEMS_IN_CHROME



Comments (2)

To add a comment, please Log in.




File:/// Issue

For anyone who reads this, this is probably too late for the author, but Chrome has a lot of issues with using file:/// for stylesheets.

And if you took it live (on a server), you need to make sure that you're not referencing the local files.

Please upload your website

Please upload your website and mention the website name so I can have a look into it.





CSS Advisor home
Submit a post

rss

CSS ADVISOR RSS FEEDS
Recent: POSTS | COMMENTS | EDITS


Browsers
Internet Explorer (103)
Mozilla/Firefox (52)
Opera (18)
Safari (38)
CSS Properties
Background (25)
Border (10)
Color (10)
Float (23)
Font (6)
Margin (11)
Padding (9)
Position (40)
Text (30)
Width/Height (27)