Cross browser conflict Diagnose

Discussion in 'HTML & Website Design' started by azwebpro, Jul 11, 2008.

  1. #1
    Hi
    what is the best way to diaganose an issue where the webpage looks fine in IE 7.0 but firefox it is distorted? example{ www. sandiegodrywallnow .com }

    Thanks for any help on this specific issue or suggestion on how to diagnose cross browser comaptability between FireFox and IE 7. Fire fox is great but 99% of my customers are using IE 7.0
     
    azwebpro, Jul 11, 2008 IP
  2. azwebpro

    azwebpro Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi This is the code that I am using. No matter what I try it appears the service list on the left is expanding and and stretch in Firefox but IE 7.0 works ok. If anyone can see the issue please help. Thanks i advanced.




    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>index.gif</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    p a:link {
    color: #333333;
    text-decoration: none;
    }
    p a:visited {
    color: #333333;
    text-decoration: none;
    }
    p a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }
    p {
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 10px;
    padding-right: 7px;
    font-size: 14px;
    font-weight: lighter;
    color: #333333;
    margin-left: 12px;
    }

    td img {display: block;}h1 {
    margin: 5px;
    }
    .style3 {font-size: 12px}
    .style8 {font-size: 16px}
    body {
    background-color: #666666;
    background-image: url();
    background-repeat: repeat;
    }
    .style9 {
    font-size: 14px;
    color: #CCCCCC;
    }
    .style11 {font-size: 14px}
    a:link {
    color: #0000FF;
    text-decoration: none;
    }
    a:visited {
    color: #0066FF;
    text-decoration: none;
    }
    a:hover {
    color: #999999;
    text-decoration: none;
    }
    .style13 {color: #000066}
    </style>
    <!--Fireworks CS3 Dreamweaver CS3 target. Created Mon Jun 30 22:18:01 GMT-0700 (US Mountain Standard Time) 2008-->
    </head>
    <body>
    <table width="748" border="0" align="center" cellpadding="0" cellspacing="0">
    <!-- fwtable fwsrc="Parkside_pressurewash.png" fwpage="Page 1" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "679059719" fwnested="0" -->
    <tr>
    <td><img src="images/spacer.gif" width="37" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="197" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="87" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="3" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="121" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="6" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="34" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="96" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="4" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="121" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="4" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="38" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>

    <tr>
    <td rowspan="21" background="images/index_r1_c1.gif">&nbsp;</td>
    <td colspan="2"><img name="index_r1_c2" src="images/index_r1_c2.gif" width="284" height="28" border="0" id="index_r1_c2" alt="" /></td>
    <td rowspan="6"><img name="index_r1_c4" src="images/index_r1_c4.gif" width="3" height="297" border="0" id="index_r1_c4" alt="" /></td>
    <td colspan="7" rowspan="2" align="center" valign="baseline" background="images/top_banner_phoenix_drip.jpg"><br /> <br /></td>
    <td rowspan="21" background="images/index_r1_c12.gif">&nbsp;</td>
    <td><img src="images/spacer.gif" width="1" height="28" border="0" alt="" /></td>
    </tr>
    <tr>
    <td colspan="2" rowspan="4" background="images/index_r2_c2.gif">&nbsp;</td>
    <td height="48"><img src="images/spacer.gif" width="1" height="48" border="0" alt="" /></td>
    </tr>
    <tr>
    <td colspan="7" align="center" background="images/index_r3_c5.gif"><h1><span class="style13">Parkside Pressure Wash</span><br />
    </h1></td>
    <td><img src="images/spacer.gif" width="1" height="68" border="0" alt="" /></td>
    </tr>
    <tr>
    <td colspan="7"><img src="images/our_pressure_to_serve_writing.jpg" alt="image-phoenix-pressure-wash" width="386" height="42" /></td>
    <td><img src="images/spacer.gif" width="1" height="42" border="0" alt="" /></td>
    </tr>
    <tr>
    <td height="109"><img src="Assets/evans camera/Evan_deervalley_ace_small.jpg" width="121" height="109" /></td>
    <td rowspan="2"><img name="index_r5_c6" src="images/index_r5_c6.gif" width="6" height="111" border="0" id="index_r5_c6" alt="" /></td>
    <td colspan="2"><img src="Assets/evans camera/evan_circle_K_small.jpg" width="130" height="109" /></td>
    <td rowspan="2"><img name="index_r5_c9" src="images/index_r5_c9.gif" width="4" height="111" border="0" id="index_r5_c9" alt="" /></td>
    <td><img src="Assets/evans camera/andrew_tractor_small.jpg" width="121" height="109" /></td>
    <td rowspan="2"><img name="index_r5_c11" src="images/index_r5_c11.gif" width="4" height="111" border="0" id="index_r5_c11" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="109" border="0" alt="" /></td>
    </tr>
    <tr>
    <td colspan="2"><img name="index_r6_c2" src="images/index_r6_c2.gif" width="284" height="2" border="0" id="index_r6_c2" alt="" /></td>
    <td><img name="index_r6_c5" src="images/index_r6_c5.gif" width="121" height="2" border="0" id="index_r6_c5" alt="" /></td>
    <td colspan="2"><img name="index_r6_c7" src="images/index_r6_c7.gif" width="130" height="2" border="0" id="index_r6_c7" alt="" /></td>
    <td><img name="index_r6_c10" src="images/index_r6_c10.gif" width="121" height="2" border="0" id="index_r6_c10" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="2" border="0" alt="" /></td>
    </tr>
    <tr>
    <td align="center" valign="middle" background="images/index_r7_c2.gif"><span class="style8">Pressure Wash Services<br />
    Home</span><br /> </td>
    <td colspan="9" rowspan="12" align="left" valign="top" background="images/index_r7_c3.gif"><h1>Test</h1>
    <p>content<br />
    </p></td>
    <td><img src="images/spacer.gif" width="1" height="38" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r8_c2.gif"><p>About Us</p></td>
    <td><img src="images/spacer.gif" width="1" height="31" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r9_c2.gif"><p>Residential Cleaning</p></td>
    <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r10_c2.gif"><p>Comercial Cleaning </p></td>
    <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r11_c2.gif"><p>Fleet Vehicles </p></td>
    <td><img src="images/spacer.gif" width="1" height="28" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r12_c2.gif"><p>Graffiti Removal </p></td>
    <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r13_c2.gif"><p>Steam Cleaning</p></td>
    <td><img src="images/spacer.gif" width="1" height="29" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r14_c2.gif"><p>Pool Deck Cleaning</p></td>
    <td><img src="images/spacer.gif" width="1" height="29" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r15_c2.gif"><p>Driveway Tire Marks</p></td>
    <td><img src="images/spacer.gif" width="1" height="28" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r16_c2.gif"><p>Construction Equipment </p></td>
    <td><img src="images/spacer.gif" width="1" height="29" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r17_c2.gif">&nbsp;</td>
    <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r18_c2.gif">&nbsp;</td>
    <td><img src="images/spacer.gif" width="1" height="28" border="0" alt="" /></td>
    </tr>
    <tr>
    <td background="images/index_r19_c2.gif">&nbsp;</td>
    <td colspan="5" background="images/index_r19_c3.gif">&nbsp;</td>
    <td colspan="4" background="images/index_r19_c8.gif">&nbsp;</td>
    <td><img src="images/spacer.gif" width="1" height="148" border="0" alt="" /></td>
    </tr>
    <tr>
    <td colspan="10" background="images/index_r20_c2.gif"><div align="center"><span class="style9">Copyright © 2008 Parkside Pressure Wash, All Rights Reserved</span></div></td>
    <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
    </tr>
    <tr>
    <td colspan="10" background="images/index_r21_c2.gif"><div align="center">
    <div align="center"><span class="style3">Phoenix Pressure Wash | Arizona Steam Cleaning | Anthem Pressure Washing </span><span class="style11"><a href="index.htm"><br />
    </a></span><span class="style3"><a href="index.htm">Parkside Pressure Wash AZ</a>  | add a URL  |  Contact Us  | <a href="index.htm">Home </a> | <a href="mailto:panzullo@cox.net"> Webmaster-Search Engine</a>  |  Links</span></div>
    </div></td>
    <td><img src="images/spacer.gif" width="1" height="54" border="0" alt="" /></td>
    </tr>
    </table>
    </body>
    </html>
     
    azwebpro, Jul 11, 2008 IP