3 Replies Latest reply on Apr 3, 2012 6:49 AM by martcol

    Gap/ Space in Internet Explore / fine in chrome

    brettbodofsky Level 1

      screen 2.JPGscreen 1.JPG   The first picture is my dreamweaver site in internet explore  and second one in google chrome, the one you see thats in chrome doesnt have a line between the two images and doesnt have the as big of gap between the head and the body please help me this happens often to me  heres 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">

      <head>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      <title>Lacrosse-Lounge</title>

      <style type="text/css">

      body {

                background-color: #CCC;

                color: #89451f;

      }

      #”footer” table tr td {

                text-align: center;

      }

      #”footer” {

                background-color: #000;

                text-align: center;

                color: #FFF139;

      }

      .foot {

                color: #29FF01;

      }

      #”container” #”main” {

                color: #000000;

                border-left-color: #FFF;

      }

      #”container” #”Name” {

      }

      #”Name” {

                font-family: Arial, Helvetica, sans-serif;

                font-size: 15px;

                font-weight: bold;

                color: #2f231e;

                float: right;

                padding-top: 0px;

                padding-right: 20px;

      }

      #”lax lounge” p {

                font-size: 10px;

                line-height: 10px;

                color: #89451f;

      }

      #”lax lounge” p {

                font-size: 10px;

                line-height: 10px;

                color: #89451f;

      }

      .style13 {

                color: #89451f;

                font-size: 10px;

      }

      .style14 {font-size: 20px}

      .style15 {

                font-size: 36px;

                color: #FFEF3A;

      }

      .style16 {font-size: 24px}

      .style18 {

                color: #07FE00;

                font-style: italic;

                font-size: 36px;

                font-weight: bold;

      }

      #”container” #”main” div table tr th .style15 {

                font-size: 36px;

      }

      #”container” #”main” div table tr th div .style16 {

                color: #FFF;

      }

      #”container” #”main” div table tr th div p {

                color: #FFF;

      }

      #”container” #”main” div table tr th div .style16 .style18 u {

                font-size: 40px;

      }

       

       

      #”container” #”main” div table tr th {

                border-right-width: 1px;

                border-right-style: solid;

                border-right-color: #FFF;

      }

      </style>

      </head>

      <body>

      <table width="1286" border="0" align="center">

        <tr>

          <th width="1280" height="1220" valign="top" scope="col"><div align="center">

            <div id="”container”">

              <div id="”header”">

                <div align="center"><img src="images/images/design-2_01.jpg" alt="" width="1280" height="318" border="" usemap="#Map" />

                  <map name="Map" id="Map">

                    <area shape="rect" coords="3,272,118,318" href="#" />

                    <area shape="rect" coords="186,271,362,321" href="#" />

                    <area shape="rect" coords="397,268,703,320" href="#" />

                    <area shape="rect" coords="738,267,1040,316" href="#" />

                    <area shape="rect" coords="1057,267,1281,325" href="#" />

                  </map>

                </div>

              </div>

              <div id="”main”">

                <div align="center">

                  <table width="1280" border="0" cellpadding="1" cellspacing="1">

                    <tr valign="top">

                      <th width="278" height="754" bgcolor="#000000" scope="col"><p align="left" class="style15"><br />

                        Store Hours:<br />

                          <br />

                          Monday: 12-8 <br />

                          Tuesday: 12-8 <br />

                          Wednesday: 12-8 <br />

                          Thursday: 12-8 <br />

                          Friday: 12-8  <br />

                          Saturday: 10-6 <br />

                        Sunday: Closed</p></th>

                      <th width="1000" align="center" bgcolor="#000000" scope="col"><div align="right">

                        <blockquote>

                          <p align="left" class="style16"><span style="font-size: 36px;">WELCOME TO THE:</span><span class="style18"><u>Lacrosse Lounge</u></span></p>

                          <p align="left" class="style16"> a new store in the Newark area. </p>

                          <p align="left" class="style16">Store offers local lacrosse players a place to buy equipment</p>

                          <p align="left" class="style16">from knowledgable players who own the store. </p>

                          <p align="left" class="style16">We are dedicated to help grow the sport in the area, </p>

                          <p align="left" class="style16">and make efforts to reach out to local organizations.</p>

                        </blockquote>

                        <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">

                          <tr>

                            <th width="575" height="395" scope="col"><div align="left"><img src="images/images/images/logos.gif" width="573" height="395" /></div></th>

                            <th width="415" scope="col"><img src="images/images/lac.jpg" width="445" height="287" /></th>

                          </tr>

                        </table>

                        <p align="right">Phone (302) 731-0003<br />

                          Fax (302) 731-0004<br />

                          700 Capital Trail Suite 11E<br />

                          Newark, DE. 19702 </p>

                        </div></th>

                    </tr>

                  </table>

                  </div>

                <div id="”primaryContent”"></div>

                <span class="foot">

                  <!-- end main-->

                </span></div>

              <span class="foot">

                <!--end continer-->

                </span>

              <div class="foot" id="”footer”">

                <table width="100%" cellpadding="0" cellspacing="0">

                  <tr>

                    <td height="21" align="center" valign="top">Content copyright 2012. LACROSSE-LOUNGE.COM. All rights reserved. </td>

                  </tr>

                </table>

              </div>

              <div id="”Name”">

                <p><span class="style14">Steve Shipe</span><br />

                  <span class="style13">Lacrosse-Lounge.com</span></p>

                </div>

            </div>

            <div id="”lax lounge”"></div>

          </div></th>

        </tr>

      </table>

      </body>

      </html>

      I'm beggin for help here please and thanks in advance.