<div>Morning all.</div>
<div> </div>
<div>Im not sure if this is already a recommendation, or its already been thought about, but here goes.</div>
<div> </div>
<div>Basically i was working on a task, a 2 column layout simple as anything, heres the css:</div>
<div> </div>
<div>body {width: 50em;}</div>
<div> </div>
<div>div#mainNav {width: 10em;}</div>
<div> </div>
<div>div#content {width: 40em;}</div>
<div> </div>
<div>Now if i want to add a border, say 1pixel all around, i have to convert 1px to an em unit and minus that from the width values (n-40em), then add 1px border all around. It would take me a few seconds on the calculator, i know, but would it not be easier to have something like?:</div>
<div> </div>
<div>
<div>body {width: 50em;}</div>
<div> </div>
<div>div#mainNav {width: (10em - 1px);}</div>
<div> </div>
<div>div#content {width: (40em - 1px);}</div>
<div> </div>
<div>#mainNav, #content {border: red 1px solid;}</div>
<div> </div>
<div>I mean im sure there would be great use for it on larger and different tasks, the example i provided was very simple. Basically the algorithm would automatically be able to convert between px, em, % etc.</div>
<div> </div>
<div>Just an idea, and im looking forward to any comments.</div>
<div> </div>
<div>Kind Regards.</div>
<div> </div>
<div>James Jeffery</div></div>