Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Table Issues

  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Table Issues

    Dear all experts,

    Please get me the solution for this simple question.

    I'm trying to do a layout using table. (I can solve this issue with div but i need the correct solution for this to get me a good understanding in HTML)

    Q : Please solve my inner table height in IE8. the code i attached is working fine in IE6 and 7.

    Please use the same code from below because its very simple code. Please dont provide solution with javascript. i have worked with those and get the job done. But i need the proper answer for this.

    ========================================================

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    body {
    color:#000;
    background-color: #fff;
    }
    html, body {
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    }
    .wrapper {
    height:100%;
    background-color: Gray;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    width: 400px;
    }
    .wrapper .header {
    height:60px;
    background-color:Green;
    }
    .wrapper .content {

    background-color:Yellow;
    *height:85%;
    *background-color:Orange;
    _background-color:Blue;
    }
    .wrapper .footer {
    height:10px;
    background-color:Red;
    }

    .Contentwrapper { height:100%; background-color:#C6C; }


    </style>
    </head>

    <body>
    <table class="wrapper">
    <tr>
    <td class="header" valign="top">Header</td>
    </tr>
    <tr>
    <td class="content" valign="top">
    <table class="Contentwrapper">
    <tr>
    <td class="ContentBody">
    Content Area
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="footer" valign="top">Footer</td>
    </tr>
    </table>
    </body>
    </html>
    ==========================================


    Best Regards,
    Rooban

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,333
    Thanks
    5
    Thanked 363 Times in 360 Posts
    (I can solve this issue with div but i need the correct solution for this to get me a good understanding in HTML)
    Then the correct solution for this WOULD be to use divs. Tables have been deprecated and discouraged for years with regards to page layouts. Read more here about why tables for layouts are bad.
    Teed


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •