So, it's about what the topic says: My search of the holy grail of css layouts ;)
I am in search of a layout technique for the following situation: * 1, 2, and 3 columns must be possible (with as little as possible css modification to switch between them. ) * fixed-width sidebars, liquid middle column * the easy-clearing technique described on positioniseverything.net shall be usable (at least in the middle column) without breaking the layout * the columns have to have equal heights * footer across all three columns * source order would be very nice, but is not ultimately requird * it should work in all major browsers (IE6, FF 1.5 & 2, Safari, Opera 8+9, IE7) and be somehow viewable in Gen. 5 browsers. Gen. 4 support is not needed. * Some pages have anchors I read a lot about the different layout techniques, and I tried many of them for this setup. So far, I have not found *one* that fulfills all these requirements. Yes, I know that this setup is done with tables in 5 minutes. But hey, it has to be possible with CSS too, hasn't it? At the beginning, I used the A List Apart's Holy Grail layout [1]. However, whenever the easy clearing class is applied to some content in the middle column, it gets moved down below the sidebars, and I wasn't able to fix it (or to find a fix for this in the web). So, I switched the layout once more and then started using the One True Layout by positioniseverything.net. However, it is this bug with equal height columns [2], anchors and Gecko browsers that makes me search again. Now, I'm still thinking that there *has* to be working technique for the described setup. As I said, I read through many lists of CSS layouts, skimmed dozens of .css files, tried several, but none of them could fulfill all the requirements, which is a pitty somehow .. Does anyone here know of the "perfect" technique for these requirements? The One Link that solves my problems? regards, Frando P.S. All this is for a theme for the opensource CMS drupal that I currently develop [3], you can find a demo at [4]. I dropped the Holy Grail layout because of [5], and I'm looking for an alternative to One True Layout because of [6],. [1] http://alistapart.com/articles/holygrail [2] http://positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems [3] http://drupal.org/project/bluebreeze [4] http://xcite-online.de/drupal [5] http://drupal.org/node/91259 [6] http://drupal.org/node/106850 ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
