I need a little help. . .
This is the index.html
Code:
<html>
<head>
<link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
<table width="721px" height="100%" border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="blue">
<tr>
<td width="10px" background="images/left.gif">
</td>
<td>
<div class="top"></div><div class="menu"></div>
</td>
<td width="10px" background="images/right.gif">
</td>
</tr>
</table>
</body>
</html>
and this is the index.css in a folder named css
Code:
body{ margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;}
div.top{ width: 701px;
height: 35px;
top: 0px;
left: 0px;
background-color: red;}
div.menu{ width: 701px;
height: 20px;
top: 0px;
left: 0px;
background-color: green;}
with these two images
The problem is that I want the two <div> tags to stay at the top of the table. If I put them both at absolute positioning, I get them collapsed, but it works as is, but the menu div stays in the middle while the top one is where i want it to be. I need the menu div to be right under the top one. But everything isn't working. . .