Re: [WSG] min-might question
On Oct 18, 2008, at 8:12 PM, Thierry Koblentz wrote: Hi Tee, If you're willing to replace the table with some junk markup (spans for companion columns), you could try this approach: http://tjkdesign.com/test/tee.asp Hi Thierry, thank you so much! One new technique learned :) I will try this. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] min-might question
tee wrote: I cannot control or foresee how long the content in the 'set-minheight' div be. What do I do to have the p tag always stay at the bottom of the block? For the example it's pretty strait forward as the p will always stay below the 'set-minheight' div, no matter how much or how little content that div is given, and 'set-min-height' must just be styled tall enough to push the p to the bottom of the 'box' - if that's what you want. The 'box' must also be able to expand if the content in 'set-min-height' pushes it taller. If there's any problems with that, then other factors/styles are affecting the construction and we must see a live example. regards Georg -- http://www.gunlaug.no *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] min-might question
On Oct 17, 2008, at 11:32 PM, Gunlaug Sørtun wrote: tee wrote: I cannot control or foresee how long the content in the 'set- minheight' div be. What do I do to have the p tag always stay at the bottom of the block? For the example it's pretty strait forward as the p will always stay below the 'set-minheight' div, no matter how much or how little content that div is given, and 'set-min-height' must just be styled tall enough to push the p to the bottom of the 'box' - if that's what you want. The 'box' must also be able to expand if the content in 'set-min- height' pushes it taller. Hi Georg, '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 tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] min-might question
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. Georg -- http://www.gunlaug.no *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] min-might question
On Fri, 17 Oct 2008 22:24:03 -0700, tee wrote: Maybe this is something impossible with CSS, still I hope I am wrong and hope someone who knows better than me able to tell me yes, it can be done. In a block where I have min-height declared, something like this: div class=box div class=set-minheightcontent here/div pa line of text/p /div I cannot control or foresee how long the content in the 'set- minheight' div be. What do I do to have the p tag always stay at the bottom of the block? 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 -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] min-might question
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 tddiv class=box div class=set-minheightcontent here/div pa 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] ***
RE: [WSG] min-might question
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of tee Sent: Saturday, October 18, 2008 6:21 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] min-might question 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 tddiv class=box div class=set-minheightcontent here/div pa line of text/p /div td Hi Tee, If you're willing to replace the table with some junk markup (spans for companion columns), you could try this approach: http://tjkdesign.com/test/tee.asp -- Regards, Thierry | http://www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] min-might question
Maybe this is something impossible with CSS, still I hope I am wrong and hope someone who knows better than me able to tell me yes, it can be done. In a block where I have min-height declared, something like this: div class=box div class=set-minheightcontent here/div pa line of text/p /div I cannot control or foresee how long the content in the 'set- minheight' div be. What do I do to have the p tag always stay at the bottom of the block? Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***