Skip navigation
brettbodofsky
Currently Being Moderated

Gap/ Space in Internet Explore / fine in chrome

Apr 3, 2012 6:19 AM

Tags: #cs5 #help #error #dreamweaver #images #visible #space #tables #code #invisible #margin #divs #gap

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.

 
Replies
  • Currently Being Moderated
    Apr 3, 2012 6:43 AM   in reply to brettbodofsky

    In the code you have posted, you keep using double "

     

    <div id="”main”">

     

    Should be:

     

    <div id="main">

     

    Martin

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 3, 2012 6:47 AM   in reply to martcol

    And then, when you declare the id in your CSS it should be:

     

    #main

     

    Not #"main"

     

    Martin

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 3, 2012 6:49 AM   in reply to martcol

    No spaces in an id

     

    #”lax lounge” p

     

    id="laxLounge"

     

    #laxLounge p

     

    Martin

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points