Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Tables not playing nicely.

Posted on 2011-02-23
2
Medium Priority
?
223 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 27

Accepted Solution

by:
Lukasz Chmielewski earned 2000 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: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering 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

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

618 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