This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Dreamweaver > July 2005 > Newbie question: Streching nested table height
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
Newbie question: Streching nested table height
|
|
| olin2007 2005-07-20, 7:46 pm |
| Hello,
I've just started learning html and working with Dreamweaver.
Right now, I'm attempting to create a template with a title image that
stretches across the top of the browser window and a navigation bar on the left
that stretches down the side.
I successfully stretched the title image by creating a nested table with a
cell containing the image and another cell with an unspecified width that
contains a similar repeating background. Creating the stretching navigation
bar has proved to be trickier...
I tried to pull of the same trick, but found that the height of the nested
table that contains the navigation bar will not stretch vertically to fill the
cell it occupies. I have tried:
* Setting the height of the nested table to 100% (This should make it stretch
to fill out the cell it occupies, right?)
* Making sure that at least one cell in the nested table does not have a
specified height. (This should allow the table to stretch, right?)
Also, I have heard that it may not be wise to use backgrounds in tables
because Netscape does weird things to them. Is there a better way of
accomplishing what I want?
Thanks,
L
Here is my code:
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>NDL -</title>
<!-- TemplateEndEditable --><meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="script" --><script language="JavaScript"
type="text/JavaScript">
<!--
//-->
</script><!-- TemplateEndEditable -->
</head>
<body>
<table width="813" border="0" cellspacing="0"
cellpadding="0"><!--DWLayoutTable-->
<tr>
<td width="813"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="793"><img src="../images/title_ndl.gif" width="793"
height="76"></td>
<td background="../images/title_slice.gif"> </td>
<td width="9"><img src="../images/title_end.gif" width="9"
height="76"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0"
cellpadding="0"><!--DWLayoutTable-->
<tr>
<td width="212" valign="top"><table width="212" height="100%"
border="0" cellpadding="0" cellspacing="0"><!--DWLayoutTable-->
<tr>
<td width="212" height="399"><img src="../images/Navbar.gif"
width="212" height="399"></td>
</tr>
<tr>
<td background="../images/navbar_slice.gif"> </td>
</tr>
<tr>
<td height="5" align="left" valign="bottom" bgcolor="#FFFFFF"><img
src="../images/Navbar_bot.gif" width="192" height="5"></td>
</tr>
</table></td>
<td width="74%" valign="top"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td><!-- #BeginEditable "Title" --><!-- #EndEditable --></td>
</tr>
<tr>
<td align="center"><!-- #BeginEditable "Images" --><!--
#EndEditable --></td>
</tr>
<tr>
<td height="32" valign="top"> <!-- #BeginEditable "Body" --><!--
#EndEditable --></td>
</tr>
<tr>
<td height="76" valign="top"><p> </p>
<hr>
Last Updated:
<!-- #BeginDate format:Am1 -->July 18, 2005<!-- #EndDate -->
<br>
Copyright 2004 Boston University - Neuronal Dynamics Lab.<br>
Unauthorized reproduction of this material is strictly prohibited.</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
</body>
</html>
| |
| James Shook 2005-07-20, 7:47 pm |
| Any attempt to use heights for tables will, at best, produce
unpredictable results, and, at worst, have no effect. Or maybe it's the
other way around. In any event, learn to love your unstretched nav bar
and move on.
The issue about table backgrounds relates to Netscape 4 only. So few
people use this browser (finally!) that you can safely ignore it unless
your site's demographics tell you different.
--
James M. Shook
http://www.jshook.com
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|