?
Solved

Table height

Posted on 2004-09-03
2
Medium Priority
?
357 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 19

Accepted Solution

by:
dakyd earned 200 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

Want to be a Web Developer? Get Certified Today!

Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Suggested Courses

770 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