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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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

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

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


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


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


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


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


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


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


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
11 Boymaster 1794 17.4.2024, 23:35
автор: Boymaster
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4806 17.4.2024, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19703 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
18 uahomka 3094 5.4.2024, 5:53
автор: Skyworker
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
81 metvekot 13652 31.3.2024, 12:44
автор: Boymaster


 



RSS Текстовая версия Сейчас: 19.4.2024, 4:34
Дизайн