HTML Table Q

Toggle sidebar Toggle sidebar
T

TunaBoo

Diamond Member
May 6, 2001
3,280
0
0
Go here.

On the left side, I want the blue table to go all the way to the bottom of the screen. I can set height to 100%, and then it works. But, it centers my little set of links, which is not good. So I say okay, and make a table within a table. It still centers this table within a table to the middle, not the top as it is now.


Okay that didnt work, so I made the table have 3 boxes. top 2 fixed height, and bottom box 100% height. The bottom box proceeds to cover up everything. Bleh.


And yes I know HTML sucks but I do not have the mad HTML skills to do much beyond dreamweaver.

Here is HTML for the page:

<html>
<head>
<title>Menu</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>

<script language=&quot;JavaScript&quot;>
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args+&quot;.location='&quot;+args[i+1]+&quot;'&quot;);
}
//-->
</script>
</head>

<style type=&quot;text/css&quot;>
<!--
a:text { text-decoration: none; color: #053312 }
a:link { text-decoration: none; color: #FFFFFF }
a:visited { text-decoration: none; color: #FFFFFF }
a:hover { text-decoration: none; background-color: #FFCC00; color: #000000 }
-->
</style>

<body bgcolor=&quot;#FFFFFF&quot; text=&quot;#000000&quot; link=&quot;#0000FF&quot; vlink=&quot;#0000FF&quot; alink=&quot;#FF0000&quot;>
<div align=&quot;center&quot;></div>
<table width=&quot;150&quot; border=&quot;0&quot; align=&quot;center&quot; bgcolor = #6699CC cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; height=&quot;480&quot;>
<tr>
<td class=&quot;ver&quot; height=&quot;39&quot;>
<div align=&quot;center&quot;>
<p><img src=&quot;menutitle.jpg&quot; width=&quot;150&quot; height=&quot;50&quot;></p>
</div>
</td>
</tr>
<tr>
<td class=&quot;ver&quot; height=&quot;40&quot;>
<table width=&quot;100&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;center&quot;>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot;>
<div align=&quot;left&quot;><b><font size=&quot;2&quot;><font color=&quot;#FFFFFF&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot;><a href=&quot;Main.htm&quot; target=&quot;mainFrame&quot;>Home</a></font></font></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot;>
<div align=&quot;left&quot;><b><font size=&quot;2&quot;><font color=&quot;#FFFFFF&quot; face=&quot;Arial, Helvetica, sans-serif&quot;><a href=&quot;customize.htm&quot; target=&quot;mainFrame&quot;>Customize</a></font></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot;>
<div align=&quot;left&quot;><b><font size=&quot;2&quot;><font color=&quot;#FFFFFF&quot; face=&quot;Arial, Helvetica, sans-serif&quot;><a href=&quot;standard.htm&quot; target=&quot;mainFrame&quot;>Standard</a></font></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot;>
<div align=&quot;left&quot;><b><font color=&quot;#FFFFFF&quot; size=&quot;2&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot;><a href=&quot;faq.htm&quot; target=&quot;mainFrame&quot;>FAQ</a></font></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot;>
<div align=&quot;left&quot;><b><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><a href=&quot;policy.htm&quot; target=&quot;mainFrame&quot;>Policy</a></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot;>
<div align=&quot;left&quot;><b><font size=&quot;2&quot;><font color=&quot;#FFFFFF&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot;><a href=&quot;examples.htm&quot; target=&quot;mainFrame&quot;>Examples</a></font></font></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot;>
<div align=&quot;left&quot;><b><font color=&quot;#FFFFFF&quot; size=&quot;2&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot;><a href=&quot;locations.htm&quot; target=&quot;mainFrame&quot;>Locations</a></font></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot; height=&quot;17&quot;>
<div align=&quot;left&quot;><b><font size=&quot;2&quot; color=&quot;#FFFFFF&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot;><a href=&quot;networking.htm&quot; target=&quot;mainFrame&quot;>Networking</a></font></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot;>
<div align=&quot;left&quot;><b><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;2&quot; color=&quot;#FFFFFF&quot;><a href=&quot;articles.htm&quot; target=&quot;mainFrame&quot;>Articles</a></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot;>
<div align=&quot;left&quot;><b><font size=&quot;2&quot; color=&quot;#FFFFFF&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot;><a href=&quot;links.htm&quot; target=&quot;mainFrame&quot;>Links</a></font></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot;>
<div align=&quot;left&quot;><b><font size=&quot;2&quot;><font color=&quot;#FFFFFF&quot; face=&quot;Arial, Helvetica, sans-serif&quot;><a href=&quot;contact.htm&quot; target=&quot;mainFrame&quot;>Contact</a></font></font></b></div>
</td>
</tr>
<tr bgcolor=&quot;#6699CC&quot;>
<td class=&quot;ver&quot; height=&quot;12&quot;>
<div align=&quot;left&quot;><b><font size=&quot;2&quot;><font color=&quot;#FFFFFF&quot; face=&quot;Arial, Helvetica, sans-serif&quot;><a href=&quot;oldnews.htm&quot; target=&quot;mainFrame&quot;>
News Archive </a></font></font></b></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class=&quot;ver&quot; height=&quot;100%&quot;>&amp;nbsp;

</td>
</tr>
</table>
<p>&amp;nbsp;</p>
</body>
</html>
 
B

bevancoleman

Golden Member
Jun 24, 2001
1,080
0
0
I'm not sure I understand your problem, when I replace height=&quot;480&quot; with height=&quot;100%&quot; it looks just fine on my PC. For your reference I'm using IE 5.5 SP1.
 
T

TunaBoo

Diamond Member
May 6, 2001
3,280
0
0
Dude you are a genius ;)

Somehow all my tables slop together and it works.

I wish it were elegant ;(
 
You must log in or register to reply here.

TRENDING THREADS

COMPANY
RESOURCES
FOLLOW
Top Bottom