OZONE Asylum
Forums
DHTML/Javascript
Need help with resizing table DIVs
This page's ID:
28079
Search
QuickChanges
Forums
FAQ
Archives
Register
Edit Post
Who can edit a post?
The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.
Your User Name:
Your Password:
Login Options:
Remember Me On This Computer
Your Text:
Insert Slimies »
Insert UBB Code »
Close
Last Tag
|
All Tags
UBB Help
* Post Incomplete * I have two rows, with two columns each. The two bottom-most cells each have a div in them. I want the div to be larger than the size of the containing table cell so that the cell can scroll over the divs content. Also I'm writing a component that allows the columns in the table to be resizable, but I also want the table to scale with the page. In order to get this to work in both IE and FF how would be the best way to code this in XHTML/CSS? Bellow is the code I have presently: [code] <table border="0" cellspacing="0" cellpadding="0" id="mainTable"> <thead> <tr> <th id="{id}"><tiles:getAsString name="{name}" ignore="true"/></th> <th id="{id}"><tiles:getAsString name="{name}" ignore="true"/></th> </tr> </thead> <tbody> <tr> <td id="{id}" style="width: 200px; height: 450px; background-color: #4F5A8D; overflow: hidden;"> <!-- *****change this width back to 200px ******* --> <div id='{id}' style="height: 450px; background-color: #4F5A8D; overflow: auto;"> <div id="<tiles:getAsString name='{name}' />" class="{class}"></div> </div> </td> <td id="{id}"> <div style="width: 100%; height: 450px; overflow: auto; background-color: white"> <div id="<tiles:getAsString name='{name}' />" class="{class}t"> <tiles:get name="{name}" ignore="true" /> </div> </div> </td> </tr> </tbody> </table> [/code] Screenshots: Firefox (Correct): [img]http://i67.photobucket.com/albums/h302/punkinhead5150/ff.jpg[/img] IE (Not correct): [img]http://i67.photobucket.com/albums/h302/punkinhead5150/ie.jpg[/img] These are the initial starting points on loading. When I move the bar (small div) the bottom most cells should adjust accordingly. [small](Edited by [url=http://www.ozoneasylum.com/user/6229]punkinhead5150[/url] on 06-14-2006 23:04)[/small]
Loading...
Options:
Enable Slimies
Enable Linkwords
« Backwards
—
Onwards »