Topic: Need help with resizing table DIVs (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=28079" title="Pages that link to Topic: Need help with resizing table DIVs (Page 1 of 1)" rel="nofollow" >Topic: Need help with resizing table DIVs <span class="small">(Page 1 of 1)</span>\

 
punkinhead5150
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Jun 2006

posted posted 06-14-2006 22:36

* 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>



Screenshots:

Firefox (Correct):



IE (Not correct):


These are the initial starting points on loading. When I move the bar (small div) the bottom most cells should adjust accordingly.

(Edited by punkinhead5150 on 06-14-2006 23:04)



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu