Re: FN-FORUM: CSS Madness - split topic here

date posted 29th February 2008 13:47


On 29 Feb 2008, at 14:50, Paul Cooper wrote:

>
> On 29 Feb 2008 13:18:24 -0000, Tony Crockford [EMAIL REMOVED]
> wrote:
>> When I built this, way back, it had to work with IE5, and it's still
>> going strong today - I think they've tweaked the design, but not the
>> code AFAICT
>>
>> http://www.bbaaviation.com/
>>
> Well I had to look and be annoying by pointing out you've got a table
> there.

not when I built it in 2005...

> TBH I don't regret being a late adopter. I think there were
> so many issues a couple of years ago it didn't make commercial sense.

it did to me - I've been very successfully exploiting my CSS skills
for the last couple of years, worrying a bit about what happens when
everyone can do it of course!

and the issues haven't changed at all. IE6 is still here and you
still have to make things work for that...
>
> Maybe you're more idealistic. Here's a situation I still don't know
> that's cropped up on a site I'm hopefully making live today so I can
> post a link later...
>
> I have 2 columns (divs floated left) inside a wrapper div. The
> wrapper div uses a background image with repeat-y so it looks like,
> the left column containing less content has a height of 100%. I want
> to have content at the bottom of that left column. It's not giving me
> grief as it's a static site so I can code around it. But if the right
> hand column had dynamic content I wouldn't know what to do.

in the document flow, right after the wrapper, you add a div that will
be pushed down no matter how much content there is in the right hand
column.

you then position your left hand content that needs to be at the
bottom of the left hand column in the new div and then with the magic
of position:relative, or negative margins make it appear as if it's in
the left hand column.

(padding the bottom of the left column to make space for your
repositioned content will ensure they don't clash)

of course exactly *how* you tweak it, depends on all the undisclosed
factors regarding the other elements on the page, but it's eminently
do-able.