Question

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>

    <title>WEB PAGE TITLE GOES HERE</title>

    </head>

    <body style="margin: 0px; padding: 0px; font-family: 'Trebuchet MS',verdana;">

    <table width="100%" style="height: 100%;" cellpadding="10" cellspacing="0" border="0">
    <tr>

    <!-- ============ HEADER SECTION ============== -->
    <td colspan="2" style="height: 100px;" bgcolor="#777d6a"><h1>Website Logo</h1></td></tr>

    <tr>
    <!-- ============ LEFT COLUMN (MENU) ============== -->
    <td width="20%" valign="top" bgcolor="#999f8e">
    <a href="#">Menu link</a><br>
    <a href="#">Menu link</a><br>
    <a href="#">Menu link</a><br>
    <a href="#">Menu link</a><br>
    <a href="#">Menu link</a>
    </td>

    <!-- ============ RIGHT COLUMN (CONTENT) ============== -->
    <td width="80%" valign="top" bgcolor="#d2d8c7">
    <div id='BookIssue_errorloc' class='error_strings' style='width:980px;text-align:left'></div>
              <div id='BookIssue_outer_div' class='form_outer_div' style='width:980px;height:600px'>
              <div style='position:relative' id='BookIssue_inner_div'>
// some form goes here
    </td></tr></table>
    </body>

    <html>

表单合适，但我得到水平和垂直滚动条。我想要的是如何正确地将表格与td中的div标签对齐而没有滚动条，并且在x方向和y方向上不应留空间。

DIV标签适合td

0 个答案: