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



 

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> вопрос по верстке
rus-xp
rus-xp
Topic Starter сообщение 17.4.2011, 22:12; Ответить: rus-xp
Сообщение #1


клоновод
*****


Группа: Banned
Сообщений: 647
Регистрация: 19.4.2009
Поблагодарили: 147 раз
Репутация:   23  


В общем, чёт не задумывался никогда, сверстал свой первый шаблон. Но вот увидел такую закономерность

Если много статей, то все нормально, и футер находится внизу. Если же статей меньше 2ух и они маленькие, то разумеется браузер показывает вторую чать экрана пустой, и футер начинается сразу после новости. Хочу сделать так, чтобы футер всегда был внизу..(если нет статей, то внизу экрана закрепленный, если есть новости, то только после того, как пролистал в самый низ).
Этого можно добиться свойством position:fixed; Но тогда он всегда футер останется всегда на одном месте.

Думаю понятно объяснил, но если что, готов более детально рассмотреть. Использую такой код в ксс
#footer{width:990px;bottom:0px;}
#footleft{float:left;font-size:14px;display:inline;}
#footright{float:right;font-size:14px;display:inline;}


--------------------
бан за клоноводство и обман администрации форума
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Synergy
Synergy
сообщение 17.4.2011, 22:16; Ответить: Synergy
Сообщение #2


Участник
***

Группа: User
Сообщений: 201
Регистрация: 17.8.2008
Из: Уфа
Поблагодарили: 56 раз
Репутация:   9  


после элементов float:left(right) ставьте <div class="clear"></div>
CSS для этого элемента: .clear{clear:both;}
например

<div class="content">
       <div class="left">1</div><div class="right">2</div>
       <div class="clear"></div>
</div>
<div id="footer"></div>


Сообщение отредактировал Synergy - 17.4.2011, 22:17
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WebSet
WebSet
сообщение 17.4.2011, 22:18; Ответить: WebSet
Сообщение #3


Бывалый
****


Группа: User
Сообщений: 311
Регистрация: 24.2.2009
Из: Kladno
Поблагодарили: 82 раза
Репутация:   14  


position: absolute;
bottom: 0px;


попробуйте

Сообщение отредактировал WebSet - 17.4.2011, 22:20


--------------------
Дорогая и качественная верстка.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
disiyndel
disiyndel
сообщение 17.4.2011, 22:25; Ответить: disiyndel
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 762
Регистрация: 27.10.2009
Из: отборных зерен.
Поблагодарили: 219 раз
Репутация:   29  


http://verstka.pro/notes/prizhatyy-k-nizu-futer.html


--------------------
http://heisenbrog.com - только цифры, факты и эксперименты.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WebSet
WebSet
сообщение 17.4.2011, 22:30; Ответить: WebSet
Сообщение #5


Бывалый
****


Группа: User
Сообщений: 311
Регистрация: 24.2.2009
Из: Kladno
Поблагодарили: 82 раза
Репутация:   14  


disiyndel,
хороший способ, но увы не кроссбраузерный =\

в IE 6 работать не будет. В 7 будут баги. htmlbook подсказал smile.gif


--------------------
Дорогая и качественная верстка.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rus-xp
rus-xp
Topic Starter сообщение 17.4.2011, 22:41; Ответить: rus-xp
Сообщение #6


клоновод
*****


Группа: Banned
Сообщений: 647
Регистрация: 19.4.2009
Поблагодарили: 147 раз
Репутация:   23  


после элементов float:left(right) ставьте <div class="clear"></div>
CSS для этого элемента: .clear{clear:both;}

Не работает. П.С. У меня в футере левый и правый блок.

WebSet
Таким образом пробовал. Вы правильно поняли, чего хочу.
Однако, при этом раскладе, футер остается фиксированным на месте. Когда много новостей, он всё равно крепиться внизу на новости на концовки экрана.

И как бы, внизу его нету, ток в начале осидает.
Сложно объяснить. Даже как-то слов не подберу


--------------------
бан за клоноводство и обман администрации форума
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WebSet
WebSet
сообщение 17.4.2011, 22:41; Ответить: WebSet
Сообщение #7


Бывалый
****


Группа: User
Сообщений: 311
Регистрация: 24.2.2009
Из: Kladno
Поблагодарили: 82 раза
Репутация:   14  


rus-xp,

попробуйте перед футером добавить то, что писал Synergy

<div style="clear:both;"></div>


--------------------
Дорогая и качественная верстка.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rus-xp
rus-xp
Topic Starter сообщение 17.4.2011, 23:12; Ответить: rus-xp
Сообщение #8


клоновод
*****


Группа: Banned
Сообщений: 647
Регистрация: 19.4.2009
Поблагодарили: 147 раз
Репутация:   23  


всё аналогично остается, как в приведущем случае без изменений


--------------------
бан за клоноводство и обман администрации форума
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WebSet
WebSet
сообщение 18.4.2011, 0:06; Ответить: WebSet
Сообщение #9


Бывалый
****


Группа: User
Сообщений: 311
Регистрация: 24.2.2009
Из: Kladno
Поблагодарили: 82 раза
Репутация:   14  


rus-xp,

поделитесь ссылкой в личку, посмотрим что да как


--------------------
Дорогая и качественная верстка.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
danisimo
danisimo
сообщение 18.4.2011, 8:04; Ответить: danisimo
Сообщение #10


Бывалый
****

Группа: User
Сообщений: 390
Регистрация: 8.9.2010
Поблагодарили: 65 раз
Репутация:   12  


а тэйблы устраивают?

<table height=100%>
<tr>
<td> Тело сайта</td>
<tr>
</tr>
<td height=50> Футер</td>
</tr>
</table>


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос по seo для интернет магазина
куда девать продвинутые товары, которые уже не выпускают
18 viktormerke 2764 Вчера, 15:18
автор: Smspva
Открытая тема (нет новых ответов) Вопрос к знатокам Instagram
20 SEOMR 4176 30.11.2017, 14:25
автор: DiscordPro
Открытая тема (нет новых ответов) Услуги по верстке
0 KOLIAN 341 29.11.2017, 15:31
автор: KOLIAN
Открытая тема (нет новых ответов) Вопрос про Телеграмм
18 syd2010 1152 28.11.2017, 14:25
автор: PostBrigada
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыАrticle manager вопрос
0 Smile3D 440 24.11.2017, 18:27
автор: Smile3D


 



RSS Текстовая версия Сейчас: 16.12.2017, 1:51
Дизайн