Форум Сайтостроение Веб-строительство

Footer DLE

[Удален]
1917

Здравствуйте

Как сделать ещё 1ин footer в правой части? Этот footer отображается в левой части:

html:

<div class="footer">
<div class="footert"><br />
© 2012 <a href="http://domain.com/">domain.com</a>
</div>

Css:

/* Футер */
.footer {height: 80px; margin-top:15px; background:url('../images/footer.png') repeat-x; position:relative; border-top:0px solid #FF7800;}
.footert {float:left; position:absolute; top:20px; left:10px;width:600px;color:#fff; font-size:8pt;}

Можно ли добавить ещё один, к примеру footerd что бы отображал ещё и с правой части?

microCD
На сайте с 07.12.2010
Offline
78
microCD
#1

css:

.footert2 {float:right; position:absolute; top:20px; right:10px;width:600px;color:#fff; font-size:8pt;}

html

<div class="footer">
<div class="footert"><br />
© 2012 <a href="http://domain.com/">domain.com</a>
</div>
<div class="footert2"><br />
Второй футер
</div>

Кажется так.

Услуга семантическое ядро на заказ (http://pyatko.ru/uslugi/?utm_source=%D1%81%D0%B5%D1%80%D1%87link1) | Статья как собрать семантическое ядро с Key Collector (http://pyatko.ru/key-collector-instrukciya/?utm_source=%D1%81%D0%B5%D1%80%D1%87link2)
[Удален]
#2

Если используем абсолютное позиционирование, float:right; не нужен.

[Удален]
#3
microCD:
css:
.footert2 {float:right; position:absolute; top:20px; right:10px;width:600px;color:#fff; font-size:8pt;}


html
Кажется так.

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

Вот что вышло - http://dshfdhs.net23.net

Что же теперь делать?

[Удален]
#4
.footert2 {float:right; position:absolute; top:20px; right:10px;width:600px;color:#fff; font-size:8pt;}

Уберите отсюда width:600px; и float:right;

Тогда надпись прижмётся к правому краю подвала.

.footert2 {position:absolute; top:20px; right:10px; color:#fff; font-size:8pt;}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий