Solved

Table height

Posted on 2004-09-03
2
354 Views
Last Modified: 2010-04-09
How do I make the height of a table span the whole document? I have a menubar aligned to the left, with a height of "100%", but it only fills up the 1st page, and if there's content that spans more than 1 page and I scroll down, from the 2nd page on that content begins directly below my left menu as opposed to to the right of it. How can I fix that?

Here is the table:

<table width="200" height="100%" border="0" align="left">
<tr><td><a href="displayAddUserForm.do">Add User</a></td></tr>
...
<tr><td height="100%">&nbsp;</td></tr>

Btw this menu is in a separate file, if that helps.

Thanks in advance.
0
Comment
Question by:Flavaflav
2 Comments
 
LVL 19

Accepted Solution

by:
dakyd earned 50 total points
ID: 11975029
Since you're already using tables, will something like this work?  Depending on the rest of your page, however, it may be simpler/better to move away from a table layout.  Regardless, hope that helps.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD PUBLIC HMTL 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<style type="text/css">
table {
  border-collapse: collapse;
}

table td {
  border: 2px solid #000000;
}

table table td {
  border: 0;
}

#Menu {
 vertical-align: top;
}
</style>
</head>

<body>
<table>
  <tr>
    <td id="Menu">
      <table>
        <tr><td><a href="displayAddUserForm.do">Add User</a></td></tr>
      </table>
    </td>
    <td>
      Content
      <p>As this grows, so will the menu on the left</p>
      <p>You can test this by adding more content here</p>
      <br />
      More Content
      <p>What's more, this content will stay to the right of the menu</p>
      <p>Go ahead and try it</p>
    </td>
  </tr>
</table>
</body>
</html>
0
 
LVL 2

Expert Comment

by:cheyennejk
ID: 11975407
Trimming your margins may help:

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How to resize a div in html 3 38
Html value of radio 14 30
Character counter breaks after adding EmojiOne Area 4 23
Responsive Font Size 6 29
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

832 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question