Фоотер сайта

Статус
В этой теме нельзя размещать новые ответы.
rafic

rafic

Местный житель
Регистрация
14 Май 2008
Сообщения
477
Реакции
24
Господа, помогите решить проблему.
Нужно построить фоотер сайта, но у меня не получается добиться нужного результата.
Описание:
1) Копирайты всегда находятся по середине.
2) Возможность по бокам размещать счетчики прилеплены к соответствующим (право, лево) краям браузера.
И учесть возможность отсутствия с права или с лева заполненного дива. То есть если с лева нет счетчиков, то не копирайты, не правый счетчик не должен смещаться.

Структура примерно такая:
<div class="div1"> левый счетчик </div> <div class="div2"> Копирайты </div> <div class="div3"> правый счетчик </div>
Хотя можно написать и другую структуру.:bc:
 
так собственно в чем проблема? напиши что не работает. а вообще возьми готорый шаблон чистый(без графики, футер, хэдэр + колонки) 2\3-ех колоночный с футером, и переделай под себя.
 
HTML: 
<div id="footer">
	<div style="text-align:center; width:100%; position:absolute; ">copyright</div>
	<div style="float:left; background:red;">count1</div>
	<div style="float:right; background:green;">count2 count3 count4</div>
</div>
 
Судя по примеру кода ТС, ему нужно идти в css..
Хотя можно сделать и так, как предложил BlackPawn
 
А можно с помощью табличной вёрстки:
Код: 
<table width=100%>
   <tr>
      <td align=left>левый счетчик</td><td align=center>Копирайты</td><td align=right>правый счетчик</td>
   </tr>
</table>
 
Phobos, твой пример не удовлетворяет условию
rafic написал(а):
То есть если с лева нет счетчиков, то не копирайты, не правый счетчик не должен смещаться.
Нажмите для раскрытия...
Если одного счетчика не будет, копирайт сместится относительно центра.
 
BlackPawn написал(а):
Phobos, твой пример не удовлетворяет условию

Если одного счетчика не будет, копирайт сместится относительно центра.
Нажмите для раскрытия...
если жестко приписать ширину ячеек то не сместится ;-) но серавно это не выход)
 
whitewolff написал(а):
если жестко приписать ширину ячеек то не сместится ;-) но серавно это не выход)
Нажмите для раскрытия...

если шаблон сайта растянут на всю ширину экрана, тогда при просмотре на другом разрешении, шаблон начнет гулять. лучше в процентах указывать ширину ячеек
 
примерно так. Впринципе еще можно поставить min-width в css

HTML: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.footer {text-align: center; height: 50px; position: relative; z-index: 1;}
.footer .left-counter {position: absolute; left: 0px; top: 0px;	z-index: 2;}
.footer .right-counter {position: absolute;	z-index: 2;	top: 0px; right: 0px;}
-->
</style>
</head>
<body>
<div class="footer">
<div class="left-counter">левый счетчик</div>
копирайт
<div class="right-counter">правый счетчик</div>
</div>
</body>
</html>
 
doshack написал(а):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.footer {text-align: center; height: 50px; position: relative; z-index: 1;}
.footer .left-counter {position: absolute; left: 0px; top: 0px; z-index: 2;}
.footer .right-counter {position: absolute; z-index: 2; top: 0px; right: 0px;}
-->
Нажмите для раскрытия...


Тоже хотел подобный вариант предложить. Я бы делал именно так. Возможно, без z-index (лишний код, если счётчиков 1 с каждой стороны)
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху