Frando (Franz Heinzmann) wrote:
> I am in search of a layout technique for the following situation: 
> [snipped]

> Does anyone here know of the "perfect" technique for these 
> requirements? The One Link that solves my problems?

Don't think there is *one* solution that covers all, but when I mixed my
own preferences into the 'holygrail' from ALA, I at least got a somewhat
working solution that isn't too heavy.

Only tested quickly in Firefox 2.x, Opera 8.x & 9.x, Safari 2.x and IE6,
and have no idea what IE7 makes out of it.
Maybe someone will enlighten me :-)

At least it is quick to "switch between columns", as one only has to
comment out one line and set the non-existent column to 'display' none
to make that happen. More variations on the subject is of course possible.

Test-examples:
3-col: <http://www.gunlaug.no/tos/alien/test_07_1600.html>
2-col #1: <http://www.gunlaug.no/tos/alien/test_07_1602.html>
2-col #2: <http://www.gunlaug.no/tos/alien/test_07_1604.html>

I added in a 'min/max-width expression'[1] for IE6, and an important
part of my preferences is to 'keep IE6 in quirks mode'[2] - to make sure
it works.

The 'equal height' columns solution should be trouble-free, as it is the
'borders as background' solution I have used for years. The rest may
need a bit more testing and refinement - and some (soul) searching ;-)

regards
        Georg

[1]http://www.gunlaug.no/contents/wd_additions_14.html
[2]http://www.gunlaug.no/contents/wd_additions_16.html
-- 
http://www.gunlaug.no
______________________________________________________________________
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/

Reply via email to