On 12/13/11 8:50 PM, David Odefey wrote:
Hey, Chad. Thanks for the input. You must have missed my last
posting--I found that exact same property!
Thanks!
David
On Tue, Dec 13, 2011 at 10:45 PM, Chad
Lundgren<chad.lundg...@gmail.com>wrote:
On Dec 13, 2011, at 2:25 PM, David Odefey wrote:
I was hoping there was a solution that allowed me to keep both
my percentage based widths as well as the static width
borders.
Hi David,
While you may or may not need this technique for your current
layout, there *is* a property that does what you describe.
Depending on how important IE6/IE7 compatibility is, you could use
the box-sizing property. Here's a good explanation:
http://css-tricks.com/7323-box-sizing/
The nice part is that it even works in IE8. The first time I used
box-sizing: border-box, my comment was /* No, YOU do the math */ .
Even if you do need IE7/IE6 compatibility, you could do a
conditional comment and lower the percentage for those browsers a
bit and have it look pretty similar.
One other possibility for bringing IE 6 and 7 on board is to put them in
quirks mode. Of course, you get IE 5.5 weirdness with the border-box
sizing, but at least 6 and 7 won't need separate solutions. :)
To put IE 6 and 7 in quirks mode, use the HTML6 DOCTYPE and add an HTML
comment ahead of it. Normally this puts IE 8 etc in quirks mode too, but
using the X-UA-Compatible "switch" prevents that.
Either add something like the following META early in your code, or,
better, add it to the header via your .htaccess file -
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
HTH
--
Cordially,
David
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
