Ромка!eu

  • Отдых
  • Работа
Главная — Блоги — Ромка's blog

Футер, прибитый к низу страницы

  • Просмотреть
  • Голоса

Ромка — Вс, 03/27/2011 - 13:36

133
points

Давно не занимался версткой, сейчас понадобилось сверстать страницу с прибитым к низу страницы футером, помню что раньше не мог найти простого и универсального решения этой задачи, по этому обрадовался, когда нашел вот это решение: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/.

Css:

  1. * {
  2.   margin: 0;
  3. }
  4.  
  5. html, body {
  6.   height: 100%;
  7. }
  8.  
  9. .wrapper {
  10.   min-height: 100%;
  11.   height: auto !important;
  12.   height: 100%;
  13.   margin: 0 auto -4em;
  14. }
  15.  
  16. .footer, .push {
  17.   height: 4em;
  18. }

Html:

  1. <html>
  2.     <head>
  3.         <link rel="stylesheet" href="layout.css" ... />
  4.     </head>
  5.     <body>
  6.         <div class="wrapper">
  7.             <p>Your website content here.</p>
  8.             <div class="push"></div>
  9.         </div>
  10.         <div class="footer">
  11.             <p>Copyright (c) 2008</p>
  12.         </div>
  13.     </body>
  14. </html>

Для многоколоночной верстки нужно добавить атрибут "clear: both;" к классу .footer, .push.

Действующий пример: http://ryanfait.com/sticky-footer/.

  • Работа
  • Ромка's blog
  • Войдите или зарегистрируйтесь, чтобы получить возможность отправлять комментарии

В Opera этот трюк не

Anonymous (не проверено) → Сб, 09/03/2011 - 09:00

В Opera этот трюк не работает.

  • Войдите или зарегистрируйтесь, чтобы получить возможность отправлять комментарии
  • -20 points

Gucci Gucci Bags Outlet is

bonny → Пт, 05/18/2012 - 06:19

Gucci Gucci Bags Outlet is the biggest-selling Italian brand.Will the Gucci Bags 2012 hobo be making a comeback for spring? If Gucci has anything to say about it, the answer is “yes.” Gucci Men AND Ladylike satchels and small crossbody bags have been the currency of the accessories industry for the past several seasons, so much so that Gucci Spring 2012's Gucci Sunglasses 2012 stable of chain-strapped hobos was more than a little surprising to see.Brand New Gucci Shoes Sale!2011 Style gucci outlet,60% OFF.

  • Войдите или зарегистрируйтесь, чтобы получить возможность отправлять комментарии
  • 0 points

Iconic le créateur de

bonny → Пт, 05/18/2012 - 06:22

Iconic le créateur de Louboutin Homme traite son prodigieux succès remporté par ses semelles rouges signature avec magnanimité impressionnante.Christian Louboutin Mais le designer fran?ais a vu rouge,lorsque le géant Yves Saint Laurent aurait posé le pied sur la pointe des pieds par le déploiement de son propre ensemble de rouge à fond les talons.
Gucci a leurs rubans rouges et verts, et je ne prendrais pas ce ruban et de le mettre dans mes Louboutin Femme. Pourquoi? Parce que j'ai un certain respect ", a déclaré Chaussures Louboutin, dont les réalisations ont porté sur les talons de Hollywood A-Listers y compris Blake Lively, Sarah Jessica Parker et Scarlett Johannsson.

  • Войдите или зарегистрируйтесь, чтобы получить возможность отправлять комментарии
  • 1 point

What se Borsa Gucci Replica

bonny → Пт, 05/18/2012 - 06:24

What se Borsa Gucci Replica lo Gucci Outlet rendono possibile per voi per permettersi un aspetto elegante,stile di vita di una principessa.Gucci Sito Ufficiale Replica Conservare Online!Le sono perfetti l'ultimo accessorio per ogni vestito.Borse Gucci Se siete stati a morire proprio quella borsetta di lusso o in borsa progettista,Scegli aspetto moderno replica per un assaggio,un'esperienza,un lifestyle.Gucci Borse ora è possibile trovare offerte incredibili sugli accessori di marca Gucci Borse Outlet a prezzi scontati fino al 70% al dettaglio.

  • Войдите или зарегистрируйтесь, чтобы получить возможность отправлять комментарии
  • 1 point

Обо мне

Всем привет!
Меня зовут
Роман Архаров, я профессиональный веб-разработчик, программирую на языках PHP, Python и Action-Script, в работе использую фреймворки Drupal и Django. В этом блоге я размещаю заметки и статьи, связанные с моей работой, отдыхом и другими интересными мне темами.

Похожие заметки

  • Пример разработки плагина для модуля CCK
  • Swftools и модуль Pdf2SWfField для Друпала
  • Доклад на DrupalConfMoscow 2011
  • Тестирование модуля "Inner poll"
  • Модуль "Курсы валют" для Drupal 6

Популярные заметки

  • AJAX. Обмен данными между клиентом и сервером, закачка на сервер файлов без перезагрузки страницы при помощи библиотеки jQuery.
  • Модуль Vote Up/Down для Drupal 6
  • Любопытное поведение модуля syslog в шестом Друпале (баг?)
  • Темизация Drupal. Часть 1
  • Темизация Drupal. Часть 2. Анатомия темы оформления Drupal
  • Разработка сайта на Drupal. Часть 3. Модули Drupal.
  • Разработка сайта на Drupal. Часть 5. Социальная сеть на Друпале
  • Темизация Drupal. Часть 3. Основы Drupal Forms API и темизация форм
  • Темизация Drupal. Часть 4. Темизация Views
  • Авторизация на Drupal-сайте с помощью аккаунта ВКонтакте

Подписка


Последние комментарии

  • bonny → Arduino + bluetooth, небольшая проблема → What se Borsa Gucci Replica
  • bonny → Гугл 1 марта прекратил поддержку сервиса Google Friend Connect → What se Borsa Gucci Replica
  • bonny → Проба пера в HTML5 + canvas. Эффект ластика → What se Borsa Gucci Replica
  • bonny → Шесть рукопожатий → What se Borsa Gucci Replica
  • bonny → Доклад на DrupalConfMoscow 2011 → What se Borsa Gucci Replica
  • bonny → Статусы разных сущностей в Друпале 6 → What se Borsa Gucci Replica
  • bonny → Футер, прибитый к низу страницы → What se Borsa Gucci Replica
  • bonny → Несколько панорам из путешествия по Перу и Боливии → What se Borsa Gucci Replica
  • bonny → Авторизация на Drupal-сайте с помощью аккаунта вКонтакте → What se Borsa Gucci Replica
  • bonny → Home sheep home → What se Borsa Gucci Replica

Новые заметки

  • Любопытное поведение модуля syslog в шестом Друпале (баг?)
  • Arduino + bluetooth, небольшая проблема
  • Гугл 1 марта прекратил поддержку сервиса Google Friend Connect
  • Проба пера в HTML5 + canvas. Эффект ластика
  • Шесть рукопожатий
  • Доклад на DrupalConfMoscow 2011
  • Статусы разных сущностей в Друпале 6
  • Футер, прибитый к низу страницы
  • Путешествие по Перу и Боливии. Часть 2
  • Путешествие по Перу и Боливии. Часть 1

Тэги

Drupal jquery Боливия Отдых Перу Работа Штуки-дрюки зима зима 2010 модуль статья темизация
еще тэги

Вход для пользователей

Что такое OpenID?
  • Войти по OpenID
  • Скрыть вход по OpenID
  • Зарегистрироваться
  • Запросить новый пароль

Навигация

  • Exchange rate
  • Vote up/down
  • Переход по внешней ссылке
  • Последние сообщения
  • Фотогалереи

Курсы валют

  • 100 Казахских тенге — 20,9002 (-0.02)
  • 10 Украинских гривен — 38,4441 (-0.04)
  • 10 Китайских юаней — 48,9499 (-0.03)
  • 100 Японских иен — 38,5158 (-0.01)
  • 1 Доллар США — 30,9417 (-0.03)
  • 1 Евро — 39,3919 (+0.06)
  • 10000 Белорусских рублей — 37,8723 (-0.13)
  • 1 Турецкая лира — 17,0103 (+0.08)

10 случайных заметок

  • Цитата
  • Перетаскивание строк таблицы. Table drag and drop — плагин для jQuery
  • Новый год 2008. Часть 3. Гётеборг.
  • Arduino + bluetooth, небольшая проблема
  • Лето 2007. Путешествие в Камбоджу – Таиланд – Малайзию. Часть 4. Камбоджа, СеамРип и Ангор Ват, лето
  • Невероятный битбокс от Dub FX и Woodnote
  • Разработка модуля для Drupal. Часть3. Cron и темизация
  • Запустил на сайте новый небольшой сервис "тИЦ и PR одной кнопкой"
  • Тестирование модуля "Inner poll"
  • Динамическое добавление элементов к форме

Случайные фото

Гонщик
Вечерний Копенгаген
Горы
В Сингапурском зоопарке. Будда?
В Сингапурском зоопарке. Попугай
Взгляд в будущее
Фонарь
Крым
Вид на Осло-фьерд со стены замка
На пути в Баракоа
Я, какой-то дед и местные детишки
Местный ходок
Просто море
Еще одно фото резиденции короля
Эль перро
Это лыжники. В мае. На улице +20.
  • Отдых
  • Работа

При использовании материалов с сайта, пожалуйста, ставьте ссылку на источник. E-mail для связи: mne@romka.eu.