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
Причина редактирования: закрыто по просьбе ТС
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
3 чел. читают эту тему (гостей: 3, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Опрос (нет новых голосов) Опрос: Как молодёжь вводят в заблуждение на крипто бирже
10 Room 1126 Вчера, 18:43
автор: Instacrypt_online
Открытая тема (нет новых ответов) Можно ли заработать на YouTube в 2022 году и как выводить деньги в странах СНГ?
11 theroadtofun 795 26.5.2022, 12:29
автор: EvilGomel
Горячая тема (нет новых ответов) ВНИМАНИЕ: Как самостоятельно продвинуть сайт? Научу!
консультации в домашних условиях :)
273 GlazAlmaz 297583 25.5.2022, 20:23
автор: GlazAlmaz
Горячая тема (нет новых ответов) Атака клонов! Или как бороться с мультиаккаунтами.
143 Pelican_Program 54117 25.5.2022, 1:28
автор: Pelican_Program
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
64 adw-kupon.ru 7280 24.5.2022, 2:07
автор: MintTexts


 



RSS Текстовая версия Сейчас: 28.5.2022, 2:50
Дизайн