• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 408
  • Last Modified:

I.E compatability issue. My site not appearing properly. Help me tweak code

Guys i need help.

My site is not showing well in I.E browser, same with ie 6,7,8

Here is my homepage code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="#" xml:lang="en" lang="en">
<meta name="robots" content="noindex" />
<meta name="googlebot" content="index" />

<title>Deposit Accounts | Bridging Loans | Residential & Commercial Property Development Finance | Darego Capital place</title>
<meta name="description" content="Darego Capital place specialise in commercial and residential property development finance, including bridging loans. We also provide deposit accounts with competitive interest rates." />
<meta name="keywords" content="deposit accounts, bridging loans, property finance development loans, commercial development loans, residential development loans" />

<meta name="msvalidate.01" content="97A62276A2B7DBB89E8BF5E41815B4C6" />
<link href="assets/css/home.css"  rel="stylesheet" type="text/css" media="screen" />
<link href="assets/css/print.css"  rel="stylesheet" type="text/css" media="print" />

/* Floats MoneyFacts logo in feature panel on homepage */
#moneyfactslogo {
  left: 640px;
  background-image: url("assets/images/home/moneyfacts-award.png"/*tpa=#*//*tpa=#*/);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 376px;
  width: 290px;
  top: 0px;

<script type="text/javascript" src="assets/js/fade.js" ></script>

<script type="text/javascript" src="assets/js/sifr-config-home.js" ></script>
<meta name="verify-v1" content="M7kT+Gsw5wX7/HhngjdaddSZiiZ/BArWFhbahuMu+hE=" />

<a href="#content" class="hide">Skip to content</a>
<div id="wrapper">
  <div id="header">
    <p>Darego Capital place</p>
  <div id="topnav">
    <ul id="nav">
      <li id="deposits"><a href="deposits/index.htm"  >Deposits</a></li>
      <li id="bridging"><a href="bridging/index.htm"  >Bridging loans</a></li>
      <li id="property"><a href="property-finance/index.htm"  >Property finance</a></li>
      <li id="market"><a href="market-information/index.htm"  >Market information</a></li>
      <li id="media"><a href="data/index.htm"  >Online placeing</a></li>
      <li id="contact"><a href="contact-us/index.htm"  >Contact us</a></li>
  <div id="content">
    <div id="fade1" style="width:940px;">
      <div class="fade">
        <h1>‘Getting the deal done’</h1>
        <p>Specialists in finance for:<br />
          <a href="bridging/index.htm" >Bridging</a>, <a href="bridging/index.htm" >development</a>, <a href="bridging/index.htm" >planning gains</a> and <a href="bridging/index.htm" >property trading</a></p>
      <img src="assets/images/home/home-1.jpg"  alt="Home" width="922" height="245" /> </div>
    <div id="fade2" style="width:940px;">
      <div class="fade">
        <h1>Housing Market</h1>
        <p>The government and the opposition are now clearly aware that housing is towards the top of most UK voter’s political agenda.</p>
        <p><a href="market-information/index.htm" >Read our view on the housing market</a></p>
      <img src="assets/images/home/home-2.jpg"  alt="Home" width="922" height="245" /> </div>
    <div id="fade3">
      <div class="fade" style="width:940px;">
        <h1>Selling your development</h1>
        <p>Developers must work harder and smarter, doing more to convince potential buyers to <a href="data/articles/selling-your-development/index.htm" >sign on the dotted line.</a></p>
      <img src="assets/images/home/home-3-alt.jpg"  alt="Home" width="922" height="245" /> </div>
      <div id="fade4">
      <div class="fade" style="width:940px;">
        <h1>Award Winner</h1>
        <p>Best Notice Business Account Provider<br />
        Business Moneyfacts Awards 2009<br />
        <a href="deposits/index.htm" >Read more on deposit accounts</a></p>
      <img src="assets/images/home/home4.jpg"  alt="Home" width="922" height="245" /> </div>
  <script type="text/javascript">
      var cf = new Crossfader( new Array('fade1','fade2','fade3','fade4'), 2000, 8000 );
  <div id="features">
    <div class="home-cam">
      <h3><a href="property-finance/index.htm" >Property finance</a></h3>
      <em>A wide range of flexible lending facilities</em>
      <h4>A wide range of flexible lending facilities</h4>
      <p>Achieve excellent returns for your property business with our flexible lending facilities.</p>
      <h5><a href="property-finance/index.htm" >Property finance</a></h5>
    <div class="home-cam">
      <h3><a href="bridging/index.htm" >Bridging loans</a></h3>
      <em>Specialising in short-term bridging finance</em>
      <h4>Specialising in short-term bridging finance</h4>
      <p>Quick, stress-free bridging loans and finance. </p>
      <h5><a href="bridging/index.htm" >Bridging loans</a></h5>
    <div class="home-cam no-border">
      <h3><a href="deposits/index.htm" >Deposits</a></h3>
      <em>Competitive interest rates, no hidden charges</em>
      <h4>Competitive interest rates, no hidden charges</h4>
      <p>Our dedicated team will tell you more about our fixed and notice accounts</p>
      <h5><a href="deposits/index.htm" >Deposits</a></h5>
  <div class="clear"></div>
  <div id="footer">
    <div id="bottom">
      <ul id="house">
        <li class="copyright">&copy; Darego Capital place</li>
        <li><a href="#" >Accessibility</a>&nbsp;| </li>        <li><a href="#" >Legal information</a>&nbsp;| </li>
        <li><a href="#" >Privacy policy</a> </li>
    <div id="legal">
      <p>Darego Capital place Limited is authorised and regulated by the <a href="#" >Financial Services Authority</a>.<br/>
        We are members of the <a href="#" >British placeing Association</a><br />
      Darego Capital place are a member of the <a href="#" >Financial Services Compensation Scheme</a><br/>
      Darego Capital place is covered by the <a href="#"  >Financial Ombudsman Service</a></p>


Open in new window

Here is my home.css file

/* --------------------------------------------------------------
 Home Stylesheet
   Client:    Darego Capital place
   Version:  0.1 (23-05-2008)
-------------------------------------------------------------- */

@import "lib/reset.css"/*tpa=http://www.utplace.co.cc/assets/css/lib/reset.css*//*tpa=http://www.utplace.co.cc/assets/css/lib/reset.css*/;
@import "lib/typography.css"/*tpa=http://www.utplace.co.cc/assets/css/lib/typography.css*//*tpa=http://www.utplace.co.cc/assets/css/lib/typography.css*/;
@import "lib/forms.css"/*tpa=http://www.utplace.co.cc/assets/css/lib/forms.css*//*tpa=http://www.utplace.co.cc/assets/css/lib/forms.css*/;
@import "lib/plugins.css"/*tpa=http://www.utplace.co.cc/assets/css/lib/plugins.css*//*tpa=http://www.utplace.co.cc/assets/css/lib/plugins.css*/;

 img, div, input, #header p, #home a, #deposits a, #bridging a, #property a, #market a, #media a, #contact a,#market a, #inter, #hover, #inter:hover { behavior: url("../js/iepngfix.htc"/*tpa=http://www.utplace.co.cc/assets/js/iepngfix.htc*//*tpa=http://www.utplace.co.cc/assets/js/iepngfix.htc*/) }

/*------------- General -------------*/
body {color:#545454; background: #9b1d18;}
.clear { clear:both; display:block; height:1%}

a { color:#f3dc10 ; text-decoration: none; font-weight:bold; }
a:hover { text-decoration: underline; }

 /* ------------- Layout  -------------*/
 #wrapper {width:940px;margin: 0 auto; }
#header {height: 130px;}
#header p {background: url("../images/home/united-trust-logo-home.png"/*tpa=http://www.utplace.co.cc/assets/images/home/united-trust-logo-home.png*//*tpa=http://www.utplace.co.cc/assets/images/home/united-trust-logo-home.png*/) no-repeat 20px 20px; text-indent: -2000px; height: 75px;}
#content {width:960px; margin: 0 ; float:left; background: url("../images/home/campaign-back.gif"/*tpa=http://www.utplace.co.cc/assets/images/home/campaign-back.gif*//*tpa=http://www.utplace.co.cc/assets/images/home/campaign-back.gif*/) no-repeat; padding:8px; height:245px;}
.home-cam {float:left;  border-right: 2px dotted #efefef;background: url("../images/home/home-cam.gif"/*tpa=http://www.utplace.co.cc/assets/images/home/home-cam.gif*//*tpa=http://www.utplace.co.cc/assets/images/home/home-cam.gif*/) no-repeat;margin:12px; padding:12px;}
.home-cam img {margin:42px 0 0 0; padding:0;}

.no-border {border:none;}
h3 {width: 264px; color: #88a9a6; }
h4 {color: #333333; font-size: 0.9em; margin:46px 0 6px 0; }
h5 a {color: #9b1d18; background: url("../images/home/speech.gif"/*tpa=http://www.utplace.co.cc/assets/images/home/speech.gif*//*tpa=http://www.utplace.co.cc/assets/images/home/speech.gif*/) no-repeat 0 0; padding: 0 0 0 20px; }
em {color: #88a9a6; }
/*------------- Top Navigation -------------*/
#topnav {position: relative;top:0px;height: 35px; margin: auto; border:none; width: 890px }
#nav a:hover {background-position: 0 -35px; color:#fff; text-decoration:underline; }
#nav a:active {background-position: 0 -35px; color:#9b1d18;}
#nav a.selected {background-position: 0 -70px; color:#000000;}
      #home a, #deposits a, #bridging a, #property a, #market a  {width: 127px;background:  url("../images/home/top-nav-home.png"/*tpa=http://www.utplace.co.cc/assets/images/home/top-nav-home.png*//*tpa=http://www.utplace.co.cc/assets/images/home/top-nav-home.png*/) top left no-repeat  ;font-size: 1em;outline:0;}
    #media a, #contact a  {width: 115px;background:  url("../images/home/top-nav-home-r.png"/*tpa=http://www.utplace.co.cc/assets/images/home/top-nav-home-r.png*//*tpa=http://www.utplace.co.cc/assets/images/home/top-nav-home-r.png*/) top left no-repeat  ;font-size: 1em;outline:0;}
      #market a  {margin: 0 110px 0 0;}

/*------------- Crossfade DIVs-------------*/
#fade1, #fade2, #fade3, #fade4 {position:relative; }
.fade h1 {font-size:24px; color: #ffffff; }
.fade p {font-size:1.2em; color:#fff; font-weight:bold;width:300px;}
.fade {position:absolute; top:0;left:0;padding:40px}      

/*------------- All 3 feature boxes -------------*/
#features {
  background-image: url("../images/home/campaign-lower-new.gif.png"/*tpa=http://www.utplace.co.cc/assets/images/home/campaign-lower-new.gif*/);
  background-repeat: no-repeat;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0px;
  margin-left: 0;
#features p { width: 200px;font-size: 0.9em;}

/*------------- Footer-------------*/
#footer {padding:10px 0 30px 0; height:68px; background: url("../images/footer.png"/*tpa=http://www.utplace.co.cc/assets/images/footer.png*//*tpa=http://www.utplace.co.cc/assets/images/footer.png*/) no-repeat; margin: auto;width:940px;}
#bottom {height:48px; margin: 0 12px 24px 24px; }

#house {color:#fff;width:700px;float:left;padding: 18px 0 0 0;margin: 0 0 20px 0;}
#house li a, #house li {display:inline;padding: 0 4px 0 0;color:#fff}

#inter {background:url("../images/intermediary-login.png"/*tpa=http://www.utplace.co.cc/assets/images/intermediary-login.png*//*tpa=http://www.utplace.co.cc/assets/images/intermediary-login.png*/) no-repeat  0 0; width:155px;height:26px;float:right;text-indent:-3000px; outline:none; margin: 10px 12px 0 0;}
#inter:hover {background:url("../images/intermediary-login-hover.png"/*tpa=http://www.utplace.co.cc/assets/images/intermediary-login-hover.png*//*tpa=http://www.utplace.co.cc/assets/images/intermediary-login-hover.png*/) no-repeat; width:155px; border-bottom:none; outline:none;}

#house a:link {color:#fff;text-decoration:none;font-weight:normal}
#house a:visited {color:#fff;text-decoration:none; border-bottom: 1px dotted #666;}
#house a:hover, #house a:active {color:#fff;text-decoration:underline;}

.copyright {font-weight:bold; color:#fff; margin: 0 12px 0 0;}
.adams {font-weight:bold; color:#fff; margin: 0 0 0 18px;}

#legal {color: #fff;margin: 0 0 0 24px; padding: 0 0 24px 0; }
#legal a { color:#f3dc10 ; text-decoration: none; font-weight:bold; font-size:0.9em;}

/*------------- sIFR -------------*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;

.sIFR-active h3 {
  visibility: hidden;
  font-family: Arial;
  line-height: 1em;
  font-size: 32px;

Open in new window

I am not savvy with programming. Can some just tell me a code to tweak that will solve this
1 Solution
I thing it would be a lot easier for us if you can describe what is the problem in detail rather than
saying My site is not showing well in IE.  Can you please tell us whats wrong? Whats the expected outcome?  Possibly sending us screenshot will help as well...

netbizmoAuthor Commented:
I.e version of my page firefox version of my page
These are both renditions of my page in i.e and firefox.

i.e strips the page.

please help
netbizmoAuthor Commented:
come on guys
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Tom BeckCommented:
>>come on guys

Not enough information. Your page contains six stylesheets (you posted one), two external javascript files, plus images. The markup you pasted is peppered with this html entity:&#9; It should be in a code block. A live link would be much easier to troubleshoot.
Ray PaseurCommented:
Please post a live link.  Also, please make a Google search for "quirks mode" and learn about those principles.  There may not be a quick fix here, and cross-browser compatibility is almost always a moving target.
David Johnson, CD, MVPOwnerCommented:
I concur a live link would be easier.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now