168 users online (0 members and 168 guests)  


  Results 1 to 3 of 3

Related

  1. Website wont display in firefox    Forum: HTML Forum
    Replies: 3
  2. Replies: 5
  3. CGI script doesnt run properly    Forum: CGI Perl Forum
    Replies: 0
  4. Replies: 7
  5. Centering Wont work!!! HELP    Forum: HTML Forum
    Replies: 6
  1. #1
    ausammy's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2007
    Posts
    10

    Wont display properly in Firefox

    Interesting Problem

    IE 6.0 displays the content fine but when opened in Firefox 2.0 the height of the main text box doesn't stretch...

    The problem is the div tag "maintext"... it is nested inside the "background" div tag. When I remove the "background" div tag then there is no problem ... but no background!!!

    The only reason I have nested the "maintext" inside the "background" tag is so the background displays correctly. How can I put a background around "leftbar" and "maintext" without placing them inside another div tag?

    (i hope this makes sense!)

    THANKS!

    here is the HTML

    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"><!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- InstanceEndEditable -->
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
    </head>
    
    <body>
    <div class="logo"><img src="assets/images/logos/opr_logo.jpg" name="OPR_logo" align="left" alt="OPR_logo"/><img src="assets/images/logos/phone.jpg" name="phone_number" align="right" alt="phone_number"/></div>
    <div class="links1">
      <a href="#">Home &nbsp; &nbsp; &nbsp; &nbsp; </a><a href="#"> About Us</a> &nbsp; &nbsp; &nbsp; &nbsp; <a href="#">Insurances</a> &nbsp; &nbsp; &nbsp; &nbsp; <a href="#">FAQs &nbsp; &nbsp; &nbsp; &nbsp; </a><a href="#"> Links  &nbsp; &nbsp; &nbsp;</a><a href="#"> Strata Resources &nbsp; &nbsp; &nbsp; &nbsp; </a><a href="#">Contact Us</a>
    </div>
    
    <div class="links2">
      <a href="#">Building Reports &nbsp; &nbsp; &nbsp; &nbsp; </a><a href="#"> Strata Reports</a> &nbsp; &nbsp; &nbsp; &nbsp; <a href="#">Pest Reports &nbsp; &nbsp; &nbsp; &nbsp;</a>  <a href="#">Survey Reports &nbsp; &nbsp; &nbsp; &nbsp;</a>  <a href="#">Valuations</a> &nbsp; &nbsp; &nbsp; &nbsp;<a href="#">Testimonials</a> &nbsp; &nbsp; &nbsp; &nbsp;<a href="#">Order Reports</a></div>
     
     <div class="background">
     
     <div class="leftbar"><!-- InstanceBeginEditable name="image" --><img src="assets/images/maintext/home_image.jpg" width="191" height="288" hspace="10" class="imgborder" alt="home_image"/><!-- InstanceEndEditable --></div>
     
     <!-- main text! -->
     
     <div class="maintext"><!-- InstanceBeginEditable name="maintext" -->
       <h1>About Us</h1>
       <p>Welcome to O&rsquo;Connors Property Reports. Our team of professional and licensed property inspectors and consultants have many years experience in all areas of property inspections. We pride ourselves on delivering service together with invaluable information.</p>
       <p>Our team is customer focused and is able to service clients in Sydney and NSW, Interstate and international. We understand buying a property can be stressful, so we make every effort to make it stress free.</p>
       <p>Our goal is to provide you with a professional, easy to read inspection report that is accurate and honest.<br />
        </p>
       <h2>Introducing the engine room</h2>
       <p><strong>Gavin (Gus) Kernot</strong><br />
         Director<br />
         gus@opr.com.au<br />
        </p>
       <p>27 years experience in accounting, property and computer systems development. Resident strata expert and developer of all our report product standards and delivery technology.</p>
       <p><strong>Melinda Wilson</strong><br />
         Client Services<br />
        melinda@opr.com.au</p>
       <p> Melinda has 20 years business development and client services experience gained in the large corporate scene. Moved to OPR in 2003 to give us a strong focus on client service.</p>
       <p>
         <strong>Anita Hafshejani</strong><br />
         Office Coordinator<br />
         anita@opr.com.au     </p>
       <p>Anita joined OPR in November 2005 and is normally the first voice you will hear. Her primary roles involve coordinating inspectors' activities and producing reports. Among her many useful skills Anita has Persian and French.</p>
       <p><br />
         The Inspectors Have Their Own Page Here</p>
       <h2>Our service</h2>
       <p>Operation Hours</p>
       <p><br />
         OPR&rsquo;s hours of operation are 9am &ndash; 5.30pm for office support and 8am &ndash; 5.30pm for inspections. Unless negotiated otherwise, all inspections are completed Monday to Friday (no public holidays).<br />
         System Failures</p>
       <p><br />
         In the event of system failures outside OPR&rsquo;s control (external systems e.g. Telstra, hard disk failure, vehicle breakdown), OPR will endeavour on a &ldquo;best efforts&rdquo; basis to minimise the impact of the outage, however OPR cannot guarantee to achieve the stated service levels in these instances.<br />
         Ordering Reports</p>
       <p><br />
         OPR would prefer inspection requests to be sent to us (by 2pm) using our standard inspection request form and accompanied by the appropriate documentation as necessary. This ensures all the relevant information has been given and is accurate. However, we do understand in some instances requests may be telephoned in due to their urgency.</p>
       <p><br />
         Report Delivery<br />
         OPR is able to provide a split delivery of reports e.g. fax or email copy to the transacting lawyer and the original to the client. Please advise which delivery method best suits your requirements.</p>
       <p><br />
         Verbal Reports<br />
         OPR is able to offer verbal reports on all types of strata inspections, building inspections and or identification surveys within 2 hours of inspection if required. OPR cannot give verbal reports on pest inspections due to restrictions placed on the industry via the insurance industry.<br />
         Property and or Records Access<br />
         All turnaround times are based on full access being given by the vendor, strata manager and or vendor&rsquo;s agent.</p>
       <p>It is important to note all inspections are a visual (non-invasive) inspection and as such OPR&rsquo;s inspectors are unable to cause any damage to the property to gain access to such areas as sub-floor and or roof void areas.</p>
       <p><br />
         Report Turnaround Times<br />
         The following turnaround times are based on full access to the subject property, strata related records, weather and or being given accurate property related information (e.g. letters of authority, current copy of certificate of title) at the time of initial request:</p>
       <p> 1. Building / defect reports same day (verbal), 2 days (faxed/emailed report)<br />
         2. Pest 2 days (faxed/emailed)<br />
         3. I.D. Survey 2-3 days (faxed/emailed)<br />
         4. All strata type reports same day (verbal), 2 days (faxed/emailed report)</p>
       <p>Please ensure inspection requests and associated paperwork is received before 2pm to enable the above turnaround times to be met.</p>
       <p>OPR will endeavour on a &ldquo;best efforts&rdquo; basis to meet the above turnaround times for inspection requests received after 2pm, however OPR cannot guarantee to achieve the stated turnaround times in those instances.</p>
       <p>In the circumstances where you need the turnaround times to be shortened to secure the property before another potential purchaser, we ask you clearly communicate this requirement so we can endeavour on a &ldquo;best efforts&rdquo;.<br />
         Special Instructions<br />
         OPR recognises in some instances there may be specific concerns about a particular property. In these instances we ask these instructions be noted in the section &ldquo;special instructions&rdquo; on the inspection request form and OPR&rsquo;s inspectors will endeavour on a &ldquo;best efforts&rdquo; basis to address these instructions.</p>
     <!-- InstanceEndEditable -->   </div>
     </div>
     
     <div align="center" class="footer"> 
       <p><strong>&quot;Don't risk it, order your OPR property inspection today.&quot;</strong><br />
         <a href="#">Sitemap</a>    ::    <a href="#">Privacy Policy</a>    ::    <a href="#">Legal Disclaimer</a> <br />
         <strong>Web Design by Net Grow </strong><br />
       <strong>Upgrade by Sam Kernot </strong></p>
       <p>
        <a href="http://validator.w3.org/check?uri=referer"><img
            src="http://www.w3.org/Icons/valid-xhtml10"
            alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
      </p>
      
    </div>
     
    </body>
    <!-- InstanceEnd --></html>
    and the css

    Code:
    /* CSS Document */
    
    
    body {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        background-color: #012E69;
    }
    
    
    .maintext {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        top : 0px;
        margin : 0px 25% 0 218px;
        padding : 3px;
        
         
    }
    
    .links1 {
        background-image: url(../assets/images/background_images/menu_bg_1.gif);
        background-repeat: repeat-x;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        white-space: nowrap;
        height: 16px;
        padding-left: 10px;
        padding-top: 4px;
        }
    
    
    .links2 {
        background-image: url(../assets/images/background_images/menu_bg_2.gif);
        background-repeat: repeat-x;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        white-space: nowrap;
        height: 16px;
        padding-left: 50px;    
        padding-top: 4px;
    }
    
    
    .logo {
        background-image: url(../assets/images/background_images/opr_logo_bg.jpg);
        background-repeat: repeat-x;
        height: 80px;
        white-space: nowrap;
        
    }
    
    .leftbar {
        position : absolute;
        left : 1px;
        width : 150px;
        padding : 5px;
        top: 132px;
    }
    
    .background {
        border: solid #012E69 8px;
        height: 500px;
        background-color: #FFFFFF;
    }
    
    
    
    .imgborder {
        border: solid #000000 1px;    
    
    
    
    }
    
    .footer {    
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFCC00;
        font-style: normal;
        letter-spacing: 1px;
            
        
            }
    
    a:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #003399;
        text-decoration: none;
        font-weight: bold;
    }
    a:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #003399;
        text-decoration: none;
    }
    a:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #CC0000;
        text-decoration: none;
    }
    a:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #003399;
        text-decoration: none;
        }
        
        
    .footer a:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        text-decoration: none;
        font-weight:normal;
    }
    .footer a:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        text-decoration: none;
        font-weight:normal;
    }
    .footer a:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #CC0000;
        text-decoration: none;
        font-weight:normal;
    }
    .footer a:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #003399;
        text-decoration: none;
        font-weight:normal;
    
        }
        
    h1 {
        font-size: 15px;
        font-weight: bold;
        color: #003399;
        margin-bottom: 2px;
        font-family: "Trebuchet MS";
        letter-spacing: 2px;
        background-color: #FFFFFF;
        border-top: 1px none #CCCCCC;
        border-right: 1px none #CCCCCC;
        border-bottom: 1px solid #FFCC00;
        border-left: 1px none #CCCCCC;
        padding-bottom: 5px;
        
        }
        
    h2 {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
        color: #FF0000;
        }
        
        
    h5 {
        font-weight:bold;
        color: #FF0000;
        font-size: 36px;
    }
    here is what it looks like in IE (what I want it to look like!!)
    http://img368.imageshack.us/img368/2870/iell5.th.jpg

    and FF (obviously not what I want)
    http://img368.imageshack.us/img368/9216/ffqf5.th.jpg

  2. #2
    ausammy's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2007
    Posts
    10

    Re: Wont display properly in Firefox

    dont worry fixed it... I had to apply a height to the "background" div tag so it know looks like this

    .background {
    border: solid #012E69 8px;
    height: 500px;
    background-color: #FFFFFF;
    height: 100%;
    }

    sammmy

  3. #3
    stigmaz's Avatar
    New User

    Status
    Offline
    Join Date
    Apr 2007
    Posts
    4

    Re: Wont display properly in Firefox

    haha,i'v had the same problems with my sites before,worked good in IE but didn't in FF lol



Tags for this Thread