[thelist] hiding floats (CSS)

Gary McPherson lists at ingenyus.net
Thu Oct 7 20:22:16 CDT 2004


----Original Message----
From: thelist-bounces at lists.evolt.org
[mailto:thelist-bounces at lists.evolt.org] On Behalf Of Ben Yates
Sent: 08 October 2004 00:41
To: thelist at lists.evolt.org
Subject: [thelist] hiding floats (CSS)

> I've got a page where each consecutive DIV has a
> varying-width left-side graphic, and I'm using empty floats
> to push the text to the right and prevent it from overlapping
> that graphic.  It works well when the DIVs are long enough (
> http://www.bluehairgroup.com/index.php?p=2 , for
> example) but when they're too short, one DIV's floats will
> extend below that DIV, overlapping the next one and messing
> everything up ( http://www.bluehairgroup.com/index.php?cat=10 ).  Any
> ideas? 
> 
> (Disclaimer: the site is still very much unfinished; I
> haven't even tested it in Internet Explorer yet -- I'll do
> that at the very end, since I have a good idea of what needs
> to be hacked -- so I assume it's fairly nonfunctional in that
> browser.)

Sounds like a job for our CSS pal - min-height.

Good article by the mercurial Dave Shea on implementing this successfully:
http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/index.php

Love the layout, certainly very eye-catching!

Regards,

Gary




More information about the thelist mailing list