|
|
Posted by Kevin Scholl on 08/25/07 03:56
Edwin van der Vaart wrote:
> joker wrote:
>>> You could put those 3 div's in a larger div and the footer under need
>>> the larger div.
>>
>> uhm....I do that but the problem is not in the width but in the
>> height. Infact, the max height of the main <div>, where I put all the
>> others <div>, is equal at the height of the visible screen (from the
>> address-bar to the horizontal scroll-bar) and not of the entrire html
>> page. I've tryed to set height at "100%" and "auto" but with no
>> positive results.
>
> Relative height such as "%" and "auto" aren't supported (correct me when
> I'm wrong) only absolute heights such as "em" and "px".
Uh, okay ... wrong. :)
> So for the footer you need to use absolute positioning. Disadvantage is
> when the visitor has the browser full screen, e.g. 1280x1024, the footer
> isn't at the bottom of the browser. The same goes for 640x480 and smaller.
If I'm understanding what the OP is trying to do here -- a sticky footer
(IOW on a long page, the footer remains at the bottom of the content,
but on a short page that doesn't fill the viewport, the footer will
stick to the bottom of that viewport) -- it takes some rather
interesting CSS. But it CAN be done; see sample and adjust the height of
your viewport:
http://beta.ksscholl.com/jquery/template.html
IIRC the following is whence the basis for the above came:
http://www.themaninblue.com/writing/perspective/2005/08/29/
--
*** Remove the DELETE from my address to reply ***
======================================================
Kevin Scholl http://www.ksscholl.com/
kscholl@comcast.DELETE.net
------------------------------------------------------
Information Architecture, Web Design and Development
------------------------------------------------------
We are the music makers, and we are the dreamers of
the dreams...
======================================================
Navigation:
[Reply to this message]
|