Christopher Blake wrote:

>>> http://www.neilparishmep.org.uk/new/index.html
> 
> 
> I had an idea - I could place a background image to the #content that
>  holds both the middle and right columns.

That's right!

> It's not stretching to fit its content. It is absolute so I have 
> given it a bottom of 0px too - and it still isn't working.
> 
> I am one confused person - please help.

"Confusion" sounds like a good start :-)

I haven't looked through your latest CSS, but you're somewhat on the
right  track. The 'faux column' background image should be on an outer
container, and that container shall stretch in height with its content
and give the visual illusion you're after. That's how the 'faux column'
article...
<http://www.alistapart.com/articles/fauxcolumns/>
...describe it, so maybe you should read that article a few more times.

Note that absolute positioned content-elements will be ignored though.
Floats and elements in normal flow will be contained - at will.


As for 'more than two solutions'...
Well, there are many solutions and variants. The one you're working on
is one of the easiest and most used though, so I think you should stick
with it until you have it under control.

There's the 'image-less faux column', like the variant I use here...
<http://www.gunlaug.no/contents/molly_1_18.html>
(got to update that page-content :-) )
...but, as you'll find by looking at the source-code: it's bloated with
a number of extra wrappers. The page is just a set of overlapping
elements controlled mainly by positive and negative margins, that are
individually styled to provide an illusion - like the "upside-down side
columns with footer". Those extra wrappers also give me a very flexible
layout-base, so I can rearrange and redesign for ever without touching
the source-code.

My example is a suitable solution for a designer's testing-ground, but a
bit too heavy (IMO) for regular web pages.

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