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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1124 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2299 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3922 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3652 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1947 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 29.3.2024, 18:14
Дизайн