Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
-
Please post good tutorials on how to create elastic layouts with as minimum hacks as possible.
-
I don't know what you are looking for but making a layout elastic is as simple as making it fixed or fluid. If you know how to make a layout fluid I don't think you'll have that much of a problem making one elastic.
CSS:
------------
div { width: 40em }
------------
HTML:
------------
<div>This div is elastic!</div>
------------
Just as fluid, elastic is all about the layout being adjustable to the users preferance (in theory at least). But if it bothers you or if it destroys the layout when they make it too whide or too narrow, just throw in a min/max-width on it.
If the min/max-width part is critical to the survival of the layout you'll have to do something for IE. I haven't done it for a long time as I try to stay away from designing layouts that will require larger hacks or walkarounds. I'm sure there are better ways now, but the first and last time I used such a hack I used this. -
Since I posted this, I have already understood how it works. IE has not been upgraded since the stone age. Therefore, your link still applies. Elastic layouts are worth it, you just put the IE rubbish in IE.css.
1 to 3 of 3