Ian Young wrote:
> And why would not having a transparent image prevent the columns 
> being even?
> 
> I am not sure I see why this is not working

They are even - visually, but you can't see that when one image covers
the other.
Stacking is essential here, as the containers and other elements are all
stacked on top of each other to form a visual experience - a design - on
screens. 'Faux-column' is just a part of it all, and only one of many
methods available to us - and it's working just fine.

Here is a "visually even" example of your page...
<http://www.gunlaug.no/tos/alien/test_07_2050.html>
...and the only real difference is that I have made the left part of the
uppermost, right, background-image transparent, so you can see the left
faux-column behind it.

I have then overridden the background-colors on #right and #left (so you
can see the faux-column background through those also), and added a
border to the #outline so it becomes clearer where the page ends. This
has nothing to do with the faux-column effect, but .

For good measure I also added a silver background-color to the #header,
since you probably didn't intend to have the faux-columns extending into
that part of the page. I chose to do it by CSS only, but you can also
move header above wrapper1 in the source-code and get a similar - and
probably a bit cleaner - effect. This has nothing to do with the
faux-column effect either.

I hope this can help you visualize how it all works.

regards
        Georg
-- 
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