|
|
Posted by Ben C on 03/30/07 21:17
On 2007-03-30, scripts.contact <scripts.contact@gmail.com> wrote:
> On Mar 30, 12:30 am, "Alex" <klec...@gmail.com> wrote:
>> I would like to create a page with a top header and a footer which
>> always sticks to the bottom of the Viewport or the bottom of the page
>> (whichever is lower).
>
> fixed positioning
That can be used to make it stick to the bottom of the viewport, but not
to the bottom of the page unless that happens to be at the bottom of the
viewport itself.
>> Between header and footer there are two columns (left sidebar and main
>> content). left sidebar and main page should be separated by a full
>> screen vertical line. The line has to go all the way done to a few
>> pixels above the footer.
>
> use border-left in main content and/or border-right in sidebar
> e,.g border-left:2px solid black
>
>> For me the problem seems to be the "content". In CSS it has
>> min-height: 100% and height : auto but it does not take all the
>> remaining height of it's parent.
>
> try height:100%
But that won't let the height be taller than the viewport if the content
is. OP needs to post a URL. min-height: 100% and height: auto is a
possible way to go, but the problem might be with containing block
height-- it may be that adding html, body { height: 100%; } is what's
needed.
Navigation:
[Reply to this message]
|