Solved

Tables not playing nicely.

Posted on 2011-02-23
2
217 Views
Last Modified: 2012-05-11
Hello,

Please see the attached code for a table. What I'm expecting is when the text is resized, the two middle row of the two outer tables should expand vertically taking up as much space as possible... Can anybody spot anything obvious?

Thanks.
Uni
.FullHeight{
	height:100%;
}

.BoxSize{
	width:20px;
	height:20px;
}

<table>
	<tr>
		<td class="FullHeight">
			<table>
				<tr><td class="BoxSize"><img src="tl.png"/></td></tr>
				<tr><td class="FullHeight"></td></tr>
				<tr><td class="BoxSize"><img src="bl.png"/></td></tr>
			</table>
		</td>
		<td>Test</td>
		<td class="FullHeight">
			<table>
				<tr><td class="BoxSize"><img src="tr.png"/></td></tr>
				<tr><td class="FullHeight"></td></tr>
				<tr><td class="BoxSize"><img src="br.png"/></td></tr>
			</table>
		</td>
	</tr>
</table>

Open in new window

0
Comment
Question by:Unimatrix_001
2 Comments
 
LVL 27

Accepted Solution

by:
Lukasz Chmielewski earned 500 total points
ID: 34964874
For a full height of a child container, the wrapping container should be set also to 100%, begin with body.
0
 
LVL 3

Author Closing Comment

by:Unimatrix_001
ID: 34968246
Thank you! :)
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question