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



 

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

Открыть тему
Тема закрыта
> Помогите с футером плз
scanread
scanread
Topic Starter сообщение 27.4.2011, 23:48; Ответить: scanread
Сообщение #1


ДЕТАЛИ В ПРОФИЛЕ
******

Группа: Active User
Сообщений: 1006
Регистрация: 16.12.2009
Поблагодарили: 178 раз
Репутация:   54  


Всем доброго времени суток!

В общем, столкнулся с небольшим траблом. Футер не прижимаетя как надо к низу страницы. Если центральная колонка ниже правой, то он выходит чуть левее централькой колонки и сразу под текстом ее и вставляется.

Код CSS:

#footer .space    {color:#fff; padding:50px 0px 12px 0px; text-align:center; font-weight:bold }
#footer a        {color:#fff; font-size:12px; font-weight:bold; text-decoration:underline;}
#footer a:hover    {text-decoration:none}
#footer em     {font-style:normal}


В шаблоне:

<div id="footer">
    <div class="main">
              <div class="space">
        Powered by&nbsp;<a href="">Syte.ru</a>
                        </div>
                    </div>
                </div>


Искал в инете, пробовал несколькими способами, даже с других шаблонов CSS код брал, думал может проканает, и никак не хочет...


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kronos
kronos
сообщение 28.4.2011, 0:12; Ответить: kronos
Сообщение #2


Белый веб-мастер
*******


Группа: Active User
Сообщений: 4703
Регистрация: 10.2.2009
Из: Харьков
Поблагодарили: 2629 раз
Репутация:   327  


Ничего не понятно, пациента в студию.
Где собственно стили для #footer и .main ?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SEOnew
SEOnew
сообщение 28.4.2011, 0:15; Ответить: SEOnew
Сообщение #3


Участник
***

Группа: User
Сообщений: 105
Регистрация: 21.6.2010
Поблагодарили: 44 раза
Репутация:   9  


Попробуйте добавить width:100% в #footer и float: left добавьте туда же

Сообщение отредактировал SEOnew - 28.4.2011, 0:18


--------------------
Я здесь по инвайту, а ты?


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
scanread
scanread
Topic Starter сообщение 28.4.2011, 0:20; Ответить: scanread
Сообщение #4


ДЕТАЛИ В ПРОФИЛЕ
******

Группа: Active User
Сообщений: 1006
Регистрация: 16.12.2009
Поблагодарили: 178 раз
Репутация:   54  


(kronos @ 27.4.2011, 22:12) *
Ничего не понятно, пациента в студию.
Где собственно стили для #footer и .main ?


Пациента нету, т.к. он на локалке. Сорри, чуток с кодом попутал, это не оригинальный что был. Много вкладок в notepad, не посмотрел где какой по адресу.

Правильный что был изначально вот:

<div class="footer"><span>Text</span>. © 2011. Powered by  <a href="#">Syte.ru</a></div>
    </div>


CSS:

.footer{ padding:31px 25px 50px 31px; font-size:11px; color:#C9E2FF;}
.footer a{ color:#C9E2FF; font-weight:bold;}
.footer a:hover{ color:#000000; text-decoration:underline;}
.footer span{ text-transform:uppercase;}


Прошу меня извинить.


(SEOnew @ 27.4.2011, 22:15) *
Попробуйте добавить width:100% в #footer и float: left добавьте туда же


Попробовал в этот код, что в этом посте отписал, работает. Спасибо! Сейчас еще помудрую, если чего не выйдет, спрошу. popcorn1.gif

Сообщение отредактировал scanread - 28.4.2011, 0:22


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SEOnew
SEOnew
сообщение 28.4.2011, 0:22; Ответить: SEOnew
Сообщение #5


Участник
***

Группа: User
Сообщений: 105
Регистрация: 21.6.2010
Поблагодарили: 44 раза
Репутация:   9  


(scanread @ 27.4.2011, 23:20) *
Пациента нету, т.к. он на локалке. Сорри, чуток с кодом попутал, это не оригинальный что был. Много вкладок в notepad, не посмотрел где какой по адресу.

Правильный что был изначально вот:

<div class="footer"><span>Text</span>. &copy; 2011. Powered by  <a href="#">Syte.ru</a></div>
    </div>


CSS:

.footer{ padding:31px 25px 50px 31px; font-size:11px; color:#C9E2FF;}
.footer a{ color:#C9E2FF; font-weight:bold;}
.footer a:hover{ color:#000000; text-decoration:underline;}
.footer span{ text-transform:uppercase;}


Прошу меня извинить.


.footer{ width:100%; float: left; height: 120px; padding:31px 25px 50px 31px; font-size:11px; color:#C9E2FF;}


--------------------
Я здесь по инвайту, а ты?


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
scanread
scanread
Topic Starter сообщение 28.4.2011, 0:25; Ответить: scanread
Сообщение #6


ДЕТАЛИ В ПРОФИЛЕ
******

Группа: Active User
Сообщений: 1006
Регистрация: 16.12.2009
Поблагодарили: 178 раз
Репутация:   54  


(SEOnew @ 27.4.2011, 22:22) *
.footer{ width:100%; float: left; height: 120px; padding:31px 25px 50px 31px; font-size:11px; color:#C9E2FF;}


Спасибо, все подошло, только чтобы к низу прижался окончательно, пришлось

padding:31px 25px 50px 31px;


заменить на

padding:31px 25px 0px 31px;


Теперь все норма. Спасибо Вам!


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите выбрать ноутбук
Ноутбук для детей
22 kstnews 403 Сегодня, 15:13
автор: anchous
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1359 11.12.2017, 13:11
автор: Mikki
Открытая тема (нет новых ответов) Помогите найти плагин на WP
Отзывы с профилей соц сетей
1 SEOMR 451 30.11.2017, 7:18
автор: Nell
Открытая тема (нет новых ответов) Помогите найти проблему
Долгий ответ сервера
6 maxim1249 705 29.11.2017, 17:27
автор: genjnat
Открытая тема (нет новых ответов) Помогите оценить новотник. Плиз
1 Alex-777 535 29.11.2017, 7:18
автор: grumdas


 



RSS Текстовая версия Сейчас: 18.12.2017, 15:20
Дизайн