Thanks Sandy, I'll give it a go and see how this works out for my current
issue->

Tyler 

-----Original Message-----
From: Sandy Clark [mailto:[EMAIL PROTECTED] 
Sent: Thursday, November 18, 2004 4:46 PM
To: CF-Community
Subject: RE: [CSS] Box model = Bah!

Not if you dump the <td>

The problem is that there are two types of box models, the block box model
and the inline layout model.

Tables and table cells follow their own layout model but basically anything
in a cell follows the inline layout model.

In the inline layout model, the width is honored, but height is not.  In the
block box model, Total width = width (content area) + padding + border +
margin.  The only item that cannot be set as a percentage is border. So if
you want a width that fills up the entire parent, everything must add up to
100%.

 Width:90%; (area in which text is rendered, input items or images are
shown)
 padding: 5%; (5% on each side is 10%)
Margin: 5%;
Border: .1em;  should get pretty close.  Without being able to set border as
a percentage, there is no way to get to a total liquid setup.


Strangely enough (or maybe not) my two talks at CFUN next year will be  The
Box Model  CSS for Data Tables.

I think those are two of the places that most people find fairly hard to
comprehend.


-----Original Message-----
From: Tyler [mailto:[EMAIL PROTECTED]
Sent: Thursday, November 18, 2004 4:31 PM
To: CF-Community
Subject: [CSS] Box model = Bah!

Does the CSS box model make sense to the rest of you? Why wouldn't the
border be included in the overall width property? I can understand why the
margin should not be, but width and padding make up the overall object's
size...wtf?
 
I'm trying to get a <input type="text"... /> field with a border of 1px to
span 100% within a td, but I can't figure out a way to make it work
"correctly". Is this really what I have to deal with for the next 5+ years?
 
Tyler


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Special thanks to the CF Community Suite Gold Sponsor - CFHosting.net
http://www.cfhosting.net

Message: http://www.houseoffusion.com/lists.cfm/link=i:5:137026
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to