Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

IE not expanding with height 100%

Status
Not open for further replies.
RTomes

RTomes

Programmer
Apr 19, 2005
357
US
Noticed this with IE 6.0 the other day. The cells don't seem to grow and expand correctly anymore. Is this some thing new or something I never noticed.
In sample below the red side of the table should be the same height as the blue side. It displays correctly in Firefox but in IE the red side will not grow with the large content on the right. Any work arounds for this?


Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] >
<head>
    <title>Untitled Page</title>
</head>
<body>
    <table height="100%" cellpadding="0" cellspacing="0" >
        <tr height="100%">
            <td width="200">
               <table height="100%" width="100%" cellpadding="0" cellspacing="0" >
                    <tr height="100%" >
                        <td bgcolor="red" >Red</td>
                    </tr>
               </table> 
            </td>
            <td bgcolor="blue">
                <div style="height:2000px" >Blue</div>
            </td>
        </tr>
    </table>
</body>
</html>
 
Sort by date Sort by votes


This seems to work. I would stay away from using many dynamic properties on one page, they can slow down IE.
Would still like to know if this is some new issue.

Code: 
<table  height="100%" style="height:expression(this.parentNode.offsetHeight)"  id="tbl"  width="100%" cellpadding="0" cellspacing="0" >
                    <tr height="100%" >
                        <td bgcolor="red" >Red</td>
                    </tr>
               </table>
 
Upvote 0 Downvote
Nevermind that last post. Stay away from dynamic css properties. That last solution just locked up IE.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
379
spamjim
spamjim
scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
290
3esolar
3
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
621
spamjim
spamjim
pendle666
  • Locked
  • Question
new website renders fine in IE/Edge but not in Chrome - test site was fine
Replies
2
Views
86
pendle666
pendle666
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
95
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top