Форум русской поддержки Joomla!® CMS
06.12.2016, 07:03:04 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Плавающий footer

 (Прочитано 151 раз)
0 Пользователей и 1 Гость смотрят эту тему.
grx-lin
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 1


« : 19.10.2016, 18:32:43 »

Здравствуйте, вопрос наверное миллион раз уже был. Я гуглил, но почему то к моему варианту не подходит. В CSS новичок.
Вот сам HTML:
Код:
<html>
<head>
</head>
<body>
<header>
</header>
<div class="wrapper">
    <jdoc:include type="message"/>
    <jdoc:include type="component"/>
</div>
<div id="zaglushka"></div>
<footer>
</footer>
Вот CSS;
Код:
* {
  margin: 0;
  padding: 0;
}

HTML, body {
  height: 100%;
}

body {
    background: #081013;
    color: #FFFFFF;
    font: 12px Tahoma, sans-serif;
}

header {
    margin: auto;
    padding: 0px 0;
    max-width: 1260px;
}

.main-heading {
    margin: 30px 0;
    padding-left: 20px;
    background: transparent url(../images/h1-bg.png);
}

.main-heading h1 {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    background: url(../images/bg.png);
    color: #FFFFFF;
    text-transform: uppercase;
    font: 25px/25px 'Oswald', sans-serif;
}

.slider {
    padding-bottom: 90px;
  margin:0;
  padding:0;
  position:relative;
  margin: auto;
  max-width: 1260px;
}
.wrapper {
    position: relative;
    margin-bottom:-100px;
    margin:0 auto;
    max-width: 1260px;
    min-height:100%;
    text-align:left;
}

footer {
    background: black;
    height: 150px;
}

#zaglushka {
    height: 100px;
}
.footer-content {
    margin: auto;
    padding: 10px 0;
    max-width: 1260px;
    height: 100px;
}

.footer-heading {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #FFFFFF;
    color: #fff;
    text-transform: uppercase;
    font: 15px 'Andale Mono', monospace ;
}

Сам футер привязывается к низу, все вроде отлично. Но wrapper, становится слишком большим по высоте, контента 4 строки, а размер его как будто 50 строк. Пробовал разные варианты. Подскажите как исправить?
Записан
flyingspook
Профи
********

Репутация: +226/-9
Offline Offline

Сообщений: 3529


« Ответ #1 : 19.10.2016, 21:23:29 »

Ни как без сайта примера что бы увидеть.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet