Basically what I'm trying to do is achieve absolute positioning like I could
with a table:  actually define, pixel by pixel, where each area of content
will be displayed.

I have a top navigation bar that has to remain a static width of 760px.

I have a left-hand sidebar that is 135px wide.

The middle column is fixed at 505px.

The far right sidebar would be 120px wide.

Underneath the three columns would be a footer.

The height of any of the columns would be variable depending on the amount
of given content.   The footer would appear below and span the entire length
of all three columns at all times.

I took a look at your example and see why it appears to be working:  the
three columns are set up as floats, with variable widths measured in
percentages.  None of the other DIVS are absolutely positioned.

With a table, this task can be achieved inside of five minutes.  The issue
seems to be a very hot topic based on the search results I've found that try
to address the issue.  Seems like a fairly significant failing of CSS,
especially since its alleged strength is to provide a broader power to
position elements on the screen.


----- Original Message ----- 
From: "Darrell King" <darrell(at)webctr.com>
To: "Mike Taylor" <lonewolf(at)one.net>; <hwg-techniques(at)hwg.org>
Sent: Thursday, May 01, 2003 7:25 PM
Subject: Re: CSS footers: impossible?


>
> I think what you want can be done, but it becomes necessary to rethink the
> way you use positioning...
>
> http://webctr.com/css-footer.html
>
> ...or, perhaps I am missing something....?
>
> If you made the central div - "content" - relative, you could still use
> absolute positioning within it to place your columns if that was required.
>
> D
>
> ----- Original Message -----
> From: "Mike Taylor" <lonewolf(at)one.net>
>
>
>
> It looks that way.  At least if you are trying to create a tableless page
in
> CSS, using three or four columns, and you want the footer to stretch
across
> those columns but appear at the bottom of the page (the "actual" bottom,
> after the user scrolls through the content, not the faux bottom of the
> browser window).
>
> At first I thought I was going nuts, that surely with the large movement
> toward a tableless environment, you could do something as simple as a
footer
> in CSS.  Wrongo.
>
> Found this article, which vividly illustrates what I ran up against.  And
> nearly everyone on the Internet looking for the same answer I am, came
back
> to this one article.  (sigh)
>
> http://whatdoiknow.org/archives/000793.php
>
>

• Web Designer Courses
• Off the Shelf Training Courses

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA