Quote:
Originally Posted by yennijb
@Arbitrator Thanks for the help. It seems that calc() doesn't quite function well enough to actually be implemented (i tried in Firefox and Chrome, neither had it work).
|
As I said, Chrome doesn't support it.
I looked into Firefox. It has apparently supported
calc() values since version 4 (the current version is 10), but a vendor prefix is required because the value type is defined in a non-final, draft specification. Therefore, you would use
-moz-calc().
calc is supposed to be supported in IE9. I'm not sure if their implementation requires a vendor prefix also. (Microsoft's vendor prefix is "-ms-".) As far as I can tell without testing it directly, it doesn't.
Given that, you'd end up with code like:
Code:
width: -moz-calc(100% - 200px); /* Mozilla experimental implementation */
width: -ms-calc(100% - 200px); /* Microsoft experimental implementation (if prefix is needed) */
width: calc(100% - 200px); /* expected final implementation */
Quote:
Originally Posted by yennijb
I'm not quite sure why I would want to put my twitter feed on the left side of the page. It's a portfolio website and content is king. There should be a heavy emphasis on the work I've done.
|
Floating your Twitter feed to the right will put it on the right-hand side of the page regardless of the source order.
In order to make both columns' top edges line up though, you need to put the right-hand floated column's source code before the left-hand column's source code.