Hello all; What is the most elegant way to achieve something like that with divs for IE7 and above and the other browsers(chrome,firefox,...)?
Thank you
+1
A:
Take a look at this, look at the source, it will show you what's involved in a fixed / fluid layout.
http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/
ILMV
2010-09-07 07:47:24
A:
You're probably looking for a sticky footer. Similar to faux columns, it looks like your desired result, but "cheats" in some sense. Other than that and tables, you won't be able to achieve that with CSS due to how height works (it can't inherit relative values, i.e. elements can't be set to 100% height if the parent has its height set to auto or a percentage value).
Reinis I.
2010-09-07 07:48:25
+1
A:
My personal favorite is the jQuery UI.Layout plugin. It mimics the very flexible Java 'border layout'. Though there are pure css methods, I find they take a lot of tweaking, and have side effects on other layout elements. Whereas with the javascript plugin I was able to get it working in minutes.
sje397
2010-09-07 07:49:42
Looks very nice however i must hit "allow blocked content" in IE for the script to run and this is a disadvantage.I've been using jquery and IE does not complain.But with "jquery.layout" has a problem i think
Argiropoulos Stavros
2010-09-07 08:06:12
It might depend on where the script is hosted.
sje397
2010-09-07 09:36:57