asked on

margin-top: 0px; - Not working??

I have CSS code that is supposed to have the top row of a table up against the top of the browser, but there is still a space above the table. What am I doing wrong??

body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;	
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
 
   #submenustyle {
      margin: 0 auto;
      text-align: left;
	  height: 30px;
      vertical-align: middle;
   }
 
 
 
.menulinks {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4169E1;
	vertical-align: top;
 
}
 
a.menulinks {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4169E1;
	vertical-align: top;
	text-decoration:none;
 
}
 
a.menulinks:hover {  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00008B;
	vertical-align: top;
	text-decoration:none;
 
}
 
 
.maintext {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: top;
			
 
}
 
a.maintext {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration:none;
        font-size: 10px;
		color: #000000;
 
 
}
 
a.maintext:hover {  font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #012315;
	background-color: #FDC844;
 
 
}
 
 
 
 
 
.subtopictext {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7b7b7b;
}  
 
div#main h1 {
	margin:10px 0 0 7px;
	padding:0;
	width:98%;
	text-align:left;
	font-size:25px;
	color:#333;
	border-bottom:1px dotted #012315;
	font-weight:normal;
}
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
<!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=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
 
<body>
 
 
<table width="800" border="0" align="center">
  <tr>
    <td><!-- Header Bar -->
	<img src="images/footerline.jpg" />
	</td>
  </tr>
  <tr>
    <td><!-- Logo/ Top Level Menu Row -->
			<table width="800" border="0" cellpadding="0" cellspacing="0">
  				<tr>
    				<td width="200"><!-- Logo -->
					Insert Logo Here
					</td>
   					<td width="600"><!-- Top Level Menu -->
					<img src="images/link.jpg"
					 /><img src="images/link.jpg"
					 /><img src="images/link.jpg"
					 /><img src="images/link.jpg"
					 /><img src="images/link.jpg"
					 /><img src="images/link.jpg"
					 /></td>
  				</tr>
			</table>
	</td>
  </tr>
......

Open in new window

ASKER CERTIFIED SOLUTION

Chad Haney

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

erikTsomik

what browser are you on. I am on the IE7 and it works just fine for me

Chad Haney

Did the border-collapse resolve your issue? If not please provide further information so we can assist you.

tru504187211

ASKER

Yes, this solution worked.

THANKS!