X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Как выравнять футер?, Криво отображается
JerryDi
JerryDi
Topic Starter сообщение 6.12.2013, 17:00; Ответить: JerryDi
Сообщение #1


Участник
***

Группа: User
Сообщений: 104
Регистрация: 23.12.2012
Поблагодарили: 7 раз
Репутация:   1  


Всем привет!

Столкнулся с проблемой при редактировании шаблона, изначально в нём футера вообще не было, решил его сделать.
Вроде получилось но он отображается так:


В цсс стилях это:
.bottom{
    position:relative;
    margin: 0 auto;
    height: 43px;
    width: 100%;
    background:url(../images/top_bg.png);
    min-width:1144px;
    border:none;
    }


Как сделать, что бы он был в самом низу сайта и от края экрана до края?

За ранее спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 6.12.2013, 17:40; Ответить: Alex_RD
Сообщение #2


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


JerryDi,
Трудно судить по куску скриншота и css одного блока, но

Судя по всему вы вставили футер в блок, который уже имеет отступ и ограничение по ширине. Вставьте ниже по коду (где-то в районе wp_footer, чтобы ниже не было закрывающих тегов кроме, </body>,</html>)

и уберите margin:0 auto, добавьте clear:left и margin-top:50px (к примеру)


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hallboy222
Hallboy222
сообщение 6.12.2013, 18:06; Ответить: Hallboy222
Сообщение #3


Любитель идей
*******


Группа: Active User
Сообщений: 2582
Регистрация: 27.5.2010
Из: Москва
Поблагодарили: 872 раза
Репутация:   149  


У родительского элемента имеется margin или padding. footer вынесите за пределы этого элемента, или же если это padding, то для footer`а можете прописать margin: 0 0 -30px -30px; и ширину которая требуется. Количество пикселей можете отличаться, требуется проверить сколько у Вас там, но решение это одно из самых не элегантных.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JerryDi
JerryDi
Topic Starter сообщение 6.12.2013, 18:30; Ответить: JerryDi
Сообщение #4


Участник
***

Группа: User
Сообщений: 104
Регистрация: 23.12.2012
Поблагодарили: 7 раз
Репутация:   1  


Alex_RD, Вы были правы, я по невнимательности это див не в конец поставил, он был внутри ещё одного дива)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sd68rus
sd68rus
сообщение 7.12.2013, 5:51; Ответить: sd68rus
Сообщение #5


Участник
***

Группа: User
Сообщений: 222
Регистрация: 25.6.2012
Из: Тамбов
Поблагодарили: 37 раз
Репутация:   8  


JerryDi, .bottom{
position:absolute;
top: 0px; left: 0px;
margin: 0px, 0px;
height: 43px;
width: 100%;
background:url(top_bg.png);
min-width:100%;
border:none;
}


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JerryDi
JerryDi
Topic Starter сообщение 7.12.2013, 6:26; Ответить: JerryDi
Сообщение #6


Участник
***

Группа: User
Сообщений: 104
Регистрация: 23.12.2012
Поблагодарили: 7 раз
Репутация:   1  


sd68rus, Если взять ваш вариант, то футер налезает на хэдэр.
Я сделал так, и всё хорошо отображается:
position:relative;
    margin: 0 auto;
    height: 43px;
    width: 100%;
    background:url(../images/top_bg.png);
    min-width:1144px;
    border:none;


Сообщение отредактировал grumdas - 7.12.2013, 6:41
Причина редактирования: закрыто по просьбе ТС
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Черный список обменников и как безопасно обменять валюту
137 Kurses 29470 Вчера, 17:24
автор: jack
Горячая тема (нет новых ответов) Как заработать новичку?
101 Emeralda 17379 Вчера, 16:18
автор: seoprogoni
Открытая тема (нет новых ответов) Как мошенники зарабатывают на прямых трансляциях в Instagram
Не ждите порно в инстаграм, его нет
1 PostBrigada 354 Вчера, 15:54
автор: Pingunio
Открытая тема (нет новых ответов) Как включить автоматическое обновление для плагинов WordPress и самого движка?
0 Telnor 341 Вчера, 13:27
автор: Telnor
Открытая тема (нет новых ответов) А как вы монетизируете свой ресурс?
Какие способы используете?
9 Retyk 1327 9.12.2017, 12:49
автор: rogefer


 



RSS Текстовая версия Сейчас: 11.12.2017, 11:53
Дизайн