locked
CSS Rendering problems... Code attached please help guys/gals.. RRS feed

  • Question

  • http://aquarii.org/dev/webraven/ambassador/   <-- Works on all browsers except IE

    Here's the CSS:

    /*-------
    // global reset
    //-----*/
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	outline: 0;
    	font-size: 100%;
    	vertical-align: baseline;
    	background: transparent;
    }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    :focus { outline: 0; }
    table { border-collapse: collapse; border-spacing: 0; }
    acronym { cursor: help; }
    
    
    /*-------
    // Content
    //-----*/
    
    
    
    BODY
    {
    	font-size: 13px;
    	margin: 0px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	background-image:url(../images/body-bg.jpg);
    	background-repeat:repeat-x;
    	background-color:#bcf6f3;
    }
    a
    {
    	text-decoration:none;
    	cursor:pointer;
    }
    img
    {
    	border:0px;	
    }
    .clear
    {
    	clear:both;	
    }
    #wrapper
    {
    	width:866px;/*906px*/
    	height:1440px;
    	margin:0 auto;
    	padding:0px 20px 0px 20px;
    	background-color:#ffffff;
    }
    #header
    {
    	height:172px;
    }
    #header .logo
    {
    	float:left;
    	width:223px;
    }
    #header .top-menus
    {
    	float:right;
    	width:643px;
    	padding-top:10px;
    }
    #header .top-menus img
    {
    	float:right;
    }
    #header .top-menus ul
    {
    	list-style:none;
    	width:640px;
    	height:37px;
    	margin:0px;
    	padding:0px;
    	background-color:#0072bc;
    	clear:both;
    }
    #header .top-menus ul li a
    {
    	float:left;
    	height:37px;
    	line-height:37px;
    	color:#ffffff;
    	font-weight:bold;
    	margin-left:43px;
    }
    #header .top-menus ul li a.first
    {
    	margin-left:25px;
    }
    #header .top-menus ul li a:hover
    {
    	text-decoration:underline;
    }
    
    #content
    {
    	height:1140px;
    }
    #content .left-content
    {
    	float:left;
    	width:224px;
    }
    .offices
    {
    	margin-left:10px;
    	font-size:11px;
    }
    .offices p
    {
    	height:20px;
    }
    .offices p label
    {
    	float:left;
    	width:100px;
    	padding-right:18px;
    }
    .over-years
    {
    	text-align:center;
    	font-size:16px;
    	text-transform:uppercase;	
    	font-style:italic;
    	line-height:20px;
    }
    
    
    
    #content .right-content
    {
    	float:left;
    	width:642px;
    }
    .right-content .right-main
    {
    	float:left;
    	width:325px;
    }
    .right-content .right-form
    {
    	float:left;
    	width:313px;
    }
    .professional
    {
    	text-align:center;
    	font-weight:bold;
    	text-transform:uppercase;
    	line-height:17px;
    }
    .professional-exterminators
    {
    	margin:0px 15px 0px 20px;	
    }
    .right-form
    {
    	width:313px;
    	height:423px;
    	background-image:url(../images/form-bg.jpg);
    	margin-top:8px;
    }
    .form-info
    {
    	color:#797979;
    	font-size:11px;
    	font-weight:bold;
    	margin:252px 0px 0px 43px;
    }
    .form-info input
    {
    	width:220px;	
    	height:19px;
    	border:1px solid #797979;
    	background-color:#e8e5e5;
    	
    }
    
    
    #footer
    {
    	text-align:center;
    }
    #footer span
    {
    	color:#e3472f;	
    }
    #footer a
    {
    	color:#000000;	
    }
    #footer a:hover
    {
    	text-decoration:underline;
    }
    
    
    
    /* lawn-health.html */
    .lc-first {
    	background: #def39f;
    	margin-bottom: 8px;
    	min-height: 372px;
    	padding-left: 19px;
    }
    
    .lc-second {
    	background: #cbec68;
    	min-height: 300px;
    	padding: 21px;
    }
    
    .lc-first, .lc-second { margin-left: 223px; }
    
    .lc-second img { margin-top: 12px; }
    
    .lc-first img, .lc-second img {
    	float: right;
    	margin-left: 12px;
    }
    
    .lc-first p, .lc-second p {
    	line-height: 20px;
    	letter-spacing: -1px;
    }
    
    .lc-first h1 {
    	color: #43750a;
    	font-size: 24px;
    	font-style: italic;
    	font-weight: bold;
    	padding-top: 27px;
    }
    
    .lc-second h2 {
    	font-size: 14px;
    }
    
    /* pest-control.html */
    .pc-first {
    	background: #e0f2f5;
    	min-height: 316px;
    	padding-left: 19px;
    	padding-bottom: 19px;
    }
    
    .pc-second {
    	background: #bdf2f0;
    	min-height: 280px;
    	padding: 21px;
    }
    
    .pc-first, .pc-second , .pc-midsection { margin-left: 223px; }
    
    .pc-first img, .pc-second img {
    	float: right;
    	margin-left: 12px;
    }
    
    .pc-first p, .pc-second p {
    	line-height: 20px;
    	letter-spacing: -1px;
    }
    
    .pc-first h1 {
    	color: #0c4c76;
    	font-size: 24px;
    	font-style: italic;
    	font-weight: bold;
    	padding-top: 27px;
    }
    
    .pc-second h2 {
    	font-size: 14px;
    }
    
    .pc-reditalic {
    	color: #ed1c24;
    	font-style: italic;
    	text-align: center;
    }
    
    /* termites.html */
    .t-first {
    	background: #f5f1e5;
    	margin-bottom: 8px;
    	min-height: 316px;
    	padding-left: 19px;
    	padding-bottom: 19px;
    }
    
    .t-second {
    	background: #e9e1c7;
    	min-height: 280px;
    	padding: 21px;
    }
    
    .t-first, .t-second { margin-left: 223px; }
    
    .t-first img {
    	float: right;
    	margin-left: 12px;
    }
    
    .t-first p, .t-second p {
    	line-height: 20px;
    	letter-spacing: -1px;
    }
    
    .t-first h1 {
    	color: #0c4c76;
    	font-size: 24px;
    	font-style: italic;
    	font-weight: bold;
    	padding-top: 27px;
    }
    
    .t-second h2 {
    	font-size: 14px;
    }
    
    .t-redcenter {
    	color: #e20713;
    	font-size: 11px;
    	text-align: center;
    }
    
    /* about-us.html */
    .au-first {
    	background: #f7eea9;
    	margin-bottom: 8px;
    	min-height: 371px;
    	padding-left: 19px;
    	padding-bottom: 19px;
    }
    
    .au-second {
    	background: #eee179;
    	min-height: 280px;
    	padding: 21px;
    }
    
    .au-first, .au-second { margin-left: 223px; }
    
    .au-first img {
    	float: right;
    	margin-left: 12px;
    }
    
    .au-first p, .au-second p {
    	line-height: 20px;
    	letter-spacing: -1px;
    }
    
    .au-first h1 {
    	color: #0c4c76;
    	font-size: 24px;
    	font-style: italic;
    	font-weight: bold;
    	padding-top: 27px;
    }
    
    .au-second h2 {
    	font-size: 16px;
    	font-weight: bold;
    }
    
    .au-second h3 {
    	font-size: 12px;
    	font-weight: bold;
    }
    
    .au-blueitalic {
    	color: #255e7b;
    	font-style: italic;
    }
    
    /* contact.html */
    .c-main {
    	background: #e8e0c5;
    	margin-left: 223px;
    	min-height: 371px;
    }
    
    .c-main img {
    	align: left;
    	margin: 15px;
    }
    
    .c-topleft {
    	padding-left: 19px;
    	float: left;
    }
    
    .c-topleft h1 {
    	color: #386526;
    	font-size: 24px;
    	font-style: italic;
    	font-weight: bold;
    	padding-top: 27px;
    }
    
    .c-topleft h2 {
    	color: #386526;
    	font-size: 17px;
    	font-weight: bold;
    }
    
    .c-topleft-row {
    	width: 250px;
    }
    
    .c-topleft-row div {
    	float: right;
    }
    
    .c-reduppercase {
    	color: #ed1c24;
    	font-size: 11px;
    	text-transform: uppercase;
    }
    
    .c-right {
    	background: url(../images/c_rightform.jpg) no-repeat top right;
    	height: 603px;
    	float: right;
    	vertical-align: top;
    	width: 339px;
    }
    
    .c-form-info
    {
    	color:#797979;
    	font-size:11px;
    	font-weight:bold;
    	margin-top: 40px;
    	text-align: center;
    }
    .c-form-info input
    {
    	width:220px;	
    	height:19px;
    	border:1px solid #797979;
    	background-color:#e8e5e5;
    }
    
    .c-form-info p {
    	margin: 15px 0;
    }
    Any help would be appreciated.

    Saturday, April 10, 2010 12:19 AM

All replies

  • and here's the HTML if it matters

     

    <?xml version="1.0" encoding="UTF-8" standalone="no" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml11-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title>AMBASSADOR - Pest Management Inc.</title>
      <link href="styles/style.css" rel="stylesheet" />
    </head>
    <body>
    
    
    <!-- Header & Navigation -->
    
    
    
      <div id="wrapper">
        <div id="header">
          <div class="logo">
            <object width="218" height="171">
    <param name="movie" value="flash/flag.swf">
    <embed src="flash/flag.swf" width="218" height="160">
    </embed>
          </div>
    
          <div class="top-menus">
    <object width="635" height="117">
    <param name="movie" value="flash/ambassador.swf">
    <embed src="flash/ambassador.swf" width="635" height="117">
    </embed>
    </object> 
            <ul>
              <li>
                <a href="pest-control.html" class="first">PEST CONTROL</a>
              </li>
              <li>
                <a href="termites.html">TERMITES</a>
              </li>
              <li>
                <a href="lawn-health.html">LAWN HEALTH</a>
              </li>
              <li>
                <a href="about-us.html">ABOUT US</a>
              </li>
              <li>
                <a href="contact.html">CONTACT</a>
              </li>
            </ul>
          </div>
        </div>
        
    
    
    <!-- Left Sidebar -->
    
    	<div id="content">
          <div class="left-content">
            <img src="images/guaranteed-protection.jpg" alt="guaranteed protection"/>
            <br>
            <div class="offices">
    <br>          
    <p>
                Or Call the Office Nearest You!
              </p>
    <br>
              <p>
                <label>BOCA RATON</label>
                561.852.8550
              </p>
              <p>
                <label>BOYNTON BEACH</label>
                561.736.0705
              </p>
              <p>
                <label>BROWARD</label>
                954.772.3888
              </p>
              <p>
                <label>DADE</label>
                305.207.0043
              </p>
              <p>
                <label>MARTIN/ ST. LUCIE</label>
                561.229.0040
              </p>
              <p>
                <label>PALM BEACH</label>
                561.689.1411
              </p>
    <br>
            </div>
            <div class="over-years">
              Ambassador Pest<br />
              management, inc.<br />
              Specializing<br />
              in South Florida<br />
              Pest Control<br />
              for over 25 years
                 </div> </div>
    
          
    
    
    
    
    <!-- Begin Content -->
    
    
    
    
    	<div class="right-content">
            <img src="images/top-banner.jpg" alt=""/>
            <div class="right-main">
              <img src="images/threat-bugs.jpg" alt="7 threats that can bug your home &amp; lawn"/>
              <div class="professional">
                Professional exterminators<br />
                providing Pest Control and Lawn &amp;<br />
                Ornamental Management to rid<br />
                your environment from:
              </div>
              <div class="professional-exterminators">
                <p>
                  <strong>1. Termites:</strong> Winged termites emerging indoors are a sure sign that the building is infested.
                </p>
                <p>
                  <strong>2. Roaches:</strong> Seek out entry points and invade your home to obtain food and water.
                </p>
                <p>
                  <strong>3. Ants:</strong> One of the most, hard-to-get-rid-of insects in South Florida are ants.
                </p>
                <p>
                  <strong>4. Fleas &amp; Ticks:</strong> Although small in size, they can spread diseases if not controlled.
                </p>
                <p>
                  <strong>5. Bed Bugs:</strong> Feed on blood, not dirt.
                </p>
                <p>
                  <strong>6. Rodents:</strong> Carry disease. Their droppings and urine and can also cause flu-like symptoms.
                </p>
                <p>
                  <strong>7. Chinch Bugs, Sod Wepworms &amp; Fungus:</strong> All can destroy your lawn and shrubs in a very short period of time.
                </p>
              </div>
            </div>
            <div class="right-form">
              <div class="form-info">
                <p>
                  FIRST NAME<br />
                  <input type="text"/>
                </p>
                <p>
                  LAST NAME<br />
                  <input type="text"/>
                </p>
                <p>
                  EMAIL <br />
                  <input type="text"/>
    </p>
    <br>
    <a href="#" target="_self"><img src="images/submit.gif" ALIGN=CENTER />
              </div>
            </div>
          </div>
        </div>
    
    
    
    
    <!-- End Content -->
    
    
    
    
    
        <div id="footer">
          <strong>
            Complete Home &amp; Lawn Protection Programs<br />
            Once A Year/Quarterly/Monthly Pest Control - Termite Control
          </strong>
          <br />
          <span>
            NO START UP CHARGES  -  SATISFACTION GUARANTEED  -  HIGH TECH  -  ENVIRONMENTALLY SAFE
          </span>
          <p>
            AMBASSADOR PEST MANAGEMENT, INC.<br />
            <a href="pest-control.html">PEST CONTROL</a>  |  <a href="termites.html">TERMITES</a>  |  <a href="lawn-health.html">LAWN HEALTH</a>  |  <a href="contact.html">CONTACT</a>
          </p>
        </div>
      </div>
    </body>
    </html>
    
    

    Saturday, April 10, 2010 12:32 AM
  • Try putting a closing tag on your flag.swf OBJECT to start.
    Saturday, April 10, 2010 3:06 AM
  • Hi,

    Your still missing the clsid attribute.

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  width="635" height="117">
    <param name="movie" value="flash/ambassador.swf">
    <embed src="flash/ambassador.swf" width="635" height="117">
    </embed>
    </object>

     


    Rob^_^
    Sunday, April 11, 2010 12:41 PM