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



 

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

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

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


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

Если много статей, то все нормально, и футер находится внизу. Если же статей меньше 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


после элементов 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


position: absolute;
bottom: 0px;


попробуйте

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


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


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


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


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

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


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


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

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

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

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


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


rus-xp,

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

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


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


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


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


rus-xp,

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


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


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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос - платное размещение баннеров на сайте
10 WGN 3125 14.12.2020, 14:20
автор: Peterson
Открытая тема (нет новых ответов) Вопрос по рекламе в "инстаграме"
Только активные аккаунты могут создавать или редактировать рекламу
8 Zubkov 16020 17.1.2020, 17:49
автор: Forumacc
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВопрос-ответ о работе форума
307 dos1k 43056 9.11.2019, 17:59
автор: heks
Открытая тема (нет новых ответов) Жена логопед, собрался ей приводить клиентов. Встал вопрос, куда приводить.
В теме перечисление доступного мне продвижения, но с чего начать?
9 memeplex 3689 16.2.2019, 15:45
автор: zyzy
Открытая тема (нет новых ответов) Услуги по верстке и натяжки на вордпресс
Верстка(сайты,e-mail письма),натяжка на ворпдресс,
3 unbur 3431 20.12.2018, 10:44
автор: unbur


 



RSS Текстовая версия Сейчас: 28.3.2024, 16:21
Дизайн