[thelist] [CSS] absolutely positioned layer overlapping normal flow layer

Ben Morrison ben.morrison at dogstardesign.co.uk
Fri Aug 29 09:17:31 CDT 2003


On 29/8/03 2:59 pm, "Stephen Caudill" <SCaudill at municode.com> wrote:

> I have an absolutely positioned menu on the left-hand side that is
> overlapping the footer on the page, which is in the normal flow.
> I had considered having a transparent div (set to display:inline)
> underlying the menu that is inside the normal document flow, so that
> it could push the footer down out of the way, but the site has a CMS
> that the user can add items to the menu through... so it won't stay
> the same height, not to mention that the mention itself expands and
> collapses...  What can I do to alleviate this?  I'd prefer not to
> use client side scripting if possible.


Does it need to be absolutely positioned?

you could try:

wrap the nav and content div inside a container div and just before the
closing container tag place a cleaner div:

<div class="cleaner">&nbsp;</div>
<!--end container--></div>

.cleaner {
        clear:both;
        height:1px;
        font-size:1px;
        border:none;
        margin:0; padding:0;
        background:transparent;
}


Ben




More information about the thelist mailing list