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



 

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

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

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


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

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

Код 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


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


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


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

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


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


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


(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


(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


(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;


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

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


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 725 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1702 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2340 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12486 24.7.2020, 17:02
автор: -JamesSmips-
Открытая тема (нет новых ответов) Помогите с поиском доноров
3 tehno_music 3354 4.11.2019, 17:15
автор: goblin78


 



RSS Текстовая версия Сейчас: 20.4.2024, 0:56
Дизайн