www.webdeveloper.com
Results 1 to 1 of 1

Thread: IE divs when data is more than 100% -- please help!

  1. #1
    Join Date
    Oct 2008
    Posts
    28

    IE divs when data is more than 100% -- please help!

    Hi,

    I'm working on a page where the 2 divs are placed next to each other. The page looks ok in IE 6 if the content is within 100% but if the content spills out of the range then the 2nd div shows up on the next line below the first div... how can I fix this? It works just fine in FF.. thanks!!

    Here's the code ---

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang='en'>
    <head>
    <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
    <title>Untitled</title>
    <style type="text/css">
    body {
    font-family: arial, verdana, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px !important;
    background : #fff;
    }

    html, body {
    height: 100%;

    .navpanel {
    float: left;
    overflow: hidden;
    width: 18%;
    padding-bottom: 32px;
    border: 1px solid #f00;
    }

    .datapanel {
    float: left;
    width: 75%;
    height: 80%;
    padding-bottom: 32px;
    border: 1px solid #69f;

    }

    .datapanel .content {
    margin-left: 50px;
    padding-top: 5px;
    _height: 100%; /* for IE only */
    _width: 100%; /* for IE only */
    border: 1px solid #000;

    }


    </style>
    </head>
    <body>

    <div class="navpanel">
    Left div content goes here.
    </div><!-- navpanel -->
    <div class="datapanel">
    <div class="content">
    <table border="1">
    <tr>
    <th>Rldkfdlkf;dlkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dlkfkfldgfjgfljgfljgfljgfkjgkfjfkjgkfjgkf jgkfjgfjkight div content goes herefgggkkkkkkkkkkkkkkkrlpmvbl;fmb;fmb;gmb;glfmb;lgmb;fmb;gmb;mg;bmf;gmd;vnd;nvd;knvd;nvdknvbdknbdnb .</th>
    <th>Rldkfdlkf;dlkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dkf;dlkfkfldgfjgfljgfljgfljgfkjgkfjfkjgkfjgkf jgkfjgfjkight div content goes herefgggkkkkkkkkkkkkkkkrlpmvbl;fmb;fmb;gmb;glfmb;lgmb;fmb;gmb;mg;bmf;gmd;vnd;nvd;knvd;nvdknvbdknbdnb .</th>
    </tr>
    </table>
    </div> <!-- datapanel content -->
    </div><!-- datapanel -->
    </body>
    </html>
    Last edited by webuser123; 12-04-2009 at 05:57 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles