Gap/ Space in Internet Explore / fine in chrome
Apr 3, 2012 6:19 AM
Tags:
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.
