Can I set the height
of a div
inside a table
to 100%
? Failing that, can I use a span
instead?
I've seen this answer but it doesn't mention anything about 100%
.
[I need to use divs because they have dynamic content loading into them]
EDIT
In the images below you'll see that display is table-cell
, I've set it to block
and inline-block
with the same result
dojo
sdojox.layout.ContentPane
:(div { display: table-cell; height: 100% }
table-cell
to no availposition: relative;
on the container (<td>
?), then settingheight: 100%;
on the div. Often when I'm having trouble with sizing, setting the position property clears things up. This property does have certain important side effects (such as changing the z-order), so it may cause problems for a complex layout (nothing that can't be overcome, though).