Html Css Help

NewOldy · 06-24-2004, 12:35 AM

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. . .

sammy · 06-24-2004, 10:29 AM

ok...lets say you have one div...then another...you can make the second positioned relative. That way, it stays under the first one and moves whenever the first one moves.

if you choose to have them both at absolute...then you must move the second one to another position, otherwise they will overlap.

NewOldy · 06-24-2004, 12:18 PM

OK, if I place the top div as absolute, and the second as relative, it doesn't fit snuggley under the top div. It stays center in the screen (verticle). I plan on adding other div, and i dont want them to stay in the middle either.

sammy · 06-24-2004, 12:48 PM

you might just want to put both as absolute and position them however you want. But thats going to reek havok depending on which browser u develop on. CSS positioning is different for every browser, especially if you got everything on absolute, but if this is the only few things you want, then jus write 2 style sheets, and load different ones depending on which browser.

NewOldy · 06-24-2004, 12:59 PM

I can't place them both to absolute, it messes up.

sammy · 06-25-2004, 11:51 AM

placing both of them on absolute will give u full control of where they appear.