This link has been bookmarked by 325 people . It was first bookmarked on 11 Apr 2008, by Jerome Wilson.
-
27 Jan 17
-
08 Jul 16
-
19 May 16
-
height:60px; /* Height of the footer */
-
-
22 Apr 15
-
padding-bottom:60px; /* Height of the footer */ } #footer { position:absolute; bottom:0; width:100%; height:60px; /* Height of the footer */ background:#6cf; }
-
-
31 Dec 14
-
21 Oct 14
-
ion:absolute;
-
-
10 Sep 14
-
02 Jun 14
-
10 Apr 14
-
28 Feb 14
-
10 Jan 14
-
09 Oct 13
-
22 Aug 13
-
07 Aug 13
-
02 Jun 13
-
19 May 13
-
17 May 13
-
21 Apr 13
-
25 Mar 13
-
26 Feb 13
-
08 Feb 13
-
06 Feb 13
-
28 Jan 13
-
12 Jan 13
-
17 Nov 12
-
02 Nov 12
-
22 Oct 12
-
08 Oct 12
-
28 Sep 12
-
12 Sep 12
-
11 Sep 12
-
28 Aug 12
-
02 Aug 12
thien hv"Older versions of Internet Explorer don't understand the min-height property but lucky for us the normal height property behaves exactly the same way in these old Microsoft browsers, that is, it will stretch to 100% height of the viewport but if the content is longer it will stretch even further. We simply expose this 100% height rule to Internet Explorer only by using IE conditional comments. View the source on the demo to see how this is done.
" -
19 Jul 12
-
27 Jun 12
-
06 Jun 12
-
21 May 12
-
20 May 12
-
13 Apr 12
-
22 Mar 12
-
14 Feb 12
-
24 Jan 12
-
02 Jan 12
-
12 Dec 11
-
warlocker1A simple method using valid CSS to keep your footer at the bottom of the screen on pages with little content.
-
09 Dec 11
-
23 Nov 11
-
18 Nov 11
decembre bru- The footer height in pixels (or ems).
- The div is absolutely positioned bottom:0; :
this moves it to the bottom of the container div.
When Little content = container div exactly the height of the browser viewport (because of the min-height:100%;) andCSS tutorial tutoriel footer design howto webdev header em position size taille
-
05 Nov 11
-
27 Oct 11
-
16 Oct 11
-
13 Oct 11
-
12 Oct 11
-
18 Jul 11
-
17 Jul 11
-
14 Jul 11
-
12 Jul 11
-
-
11 Jul 11
-
30 Apr 11
-
01 Apr 11
-
31 Mar 11
-
30 Mar 11
-
18 Mar 11
-
11 Mar 11
-
01 Mar 11
-
05 Feb 11
-
07 Dec 10
-
04 Dec 10
-
27 Nov 10
-
24 Nov 10
Scott Le DucWhen an HTML page contains a small amount of content, the footer can sometimes sit halfway up the page leaving a blank space underneath. This can look bad, particularly on a large screen. Web designers are often asked to push footers down to the bottom of the viewport, but it's not immediately obvious how this can be done.
-
19 Nov 10
paulocoimbraMais uma técnica para alinhar o pé da página no bottom do browser em qualquer resolução.
javascript development css web hacks methodology xhtml tutorial interface design reference
-
07 Nov 10
-
23 Oct 10
bruceeolsonA simple method using valid CSS to keep your footer at the bottom of the screen on pages with little content.
-
08 Oct 10
-
21 Sep 10
-
16 Sep 10
-
11 Aug 10
-
04 Aug 10
-
27 Jul 10
-
23 Jul 10
-
14 Jul 10
-
09 Jul 10
Mark Blair"When an HTML page contains a small amount of content, the footer can sometimes sit halfway up the page leaving a blank space underneath. This can look bad, particularly on a large screen. Web designers are often asked to push footers down to the bottom of the viewport, but it's not immediately obvious how this can be done."
-
28 Jun 10
-
23 Jun 10
-
18 Jun 10
Leonardo Graterol"The container div has a min-height:100%; this will ensure it stays the full height of the screen even if there is hardly any content. Many older browsers don't support the min-height property, there are ways around it with JavaScript and other methods but that is out of scope for this article. The container div is also set to position:relative; this allows us to absolutely position elements inside it later.
The header div
There is nothing unusual with the header. Make it whatev" -
17 Jun 10
-
14 Jun 10
-
Charles GnilkaWhen an HTML page contains a small amount of content, the footer can sometimes sit halfway up the page leaving a blank space underneath. This can look bad, particularly on a large screen. Web designers are often asked to push footers down to the bottom of
-
11 Jun 10
-
10 Jun 10
-
06 Jun 10
-
01 Jun 10
-
03 May 10
-
30 Apr 10
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.