On Oct 18, 2008, at 2:57 AM, Gunlaug Sørtun wrote:
tee wrote:
'min-heigh' talls enough is the problem. If I can't forsee how long
the content will be, how do I decide the set the value of min-height?
http://lotusseedsdesign.com/opera-test/mh.html
The design is the fixed width, but even with fuild layout, it's a
problem not knowing how tall the content be
Looks like you're trying to build a table with divs. Much better to
use
a real HTML table for that since none of the existing CSS solutions
are
supported well enough to replicate one. As you know, IE doesn't play
ball when served CSS table - support = zero.
In addition to that, Gecko can't A:P the <p> in a table-cell - real or
styled, so you'll have to give those <p> their own rows with cells.
Well, Georg, actually it's already in a table but I was think it's
more appropriate for div block with floated element and was going to
get rid of table.
It's a product grid view listing, and semantically, the <p> (a button)
belongs to the content in the min-height section, so it's not really
appropriate to make the <p> to a new td cell and I don't feel
comfortable to do that just to achieve the visual effect.
Right now the markup goes like this
<td><div class="box">
<div class="set-minheight">content here</div>
<p>a line of text</p>
</div>
<td>
Hi Tee, I wonder if you are trying to achieve something like this? -
<http://madeiraheights.com/meetings.html>
The minimum height in this case is 100% of the viewport - the "fix
footer to bottom" solution. The "Adobe reader" paragraph is positioned
just above the footer with absolute positioning from the bottom in
EMs.
Cordially,
David
David, thanks. Yes, this is the idea I have, but without testing it, I
am not sure if it can practically works though because as my example
shows, I have a row (rows) of column(s), so if one column has a much
longer content than the others in the same row, I suspect at certain
point the content in the min-height will overlap the <p>, just as I
see in the above layout when I enlarge fontsize couple more times.
tee
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
