- From: Garrett Smith <dhtmlkitchen@gmail.com>
- Date: Fri, 17 Oct 2014 14:34:03 -0700
- To: Karen Menezes <karen.menezes@gmail.com>
- Cc: www-style@w3.org
On 10/16/14, Karen Menezes <karen.menezes@gmail.com> wrote:
> Hey...
Hi Karen -
> Wanted to inquire about calc being mentioned as an at-risk feature here:
> http://www.w3.org/TR/css3-values/
>
> It has wide support in all modern browsers and is often invaluable for
> layouts that mix fixed and fluid percentages (where border-box sizing
> doesn't help)... wrote an article here for the same:
> http://blog.karenmenezes.com/2013/dec/10/why-calc-risk/
>
I have a hunch that other methodologies might also be more efficient
for the browser, but I don't actually know if that is true. One not
mentioned on your blog is to use absolute positioning:
1) Use abspos for the flexible-width right column:
#leftcol {
width: 300px;
}
#rightcol {
position: absolute;
right: 0;
left: 300px;
}
2) Use border-box (as mentioned on your site):
http://garretts.github.io/jsclass/animation/split-pane.html
Those examples were created to demonstrate that you don't need a 200k
MVC HTML5, CSS3 library to make such things that might seem daunting
to a beginner.
--
Garrett
@xkit
ChordCycles.com
garretts.github.io
Received on Friday, 17 October 2014 21:34:31 UTC