Фоотер сайта

Тема в разделе "Веб-дизайн", создана пользователем rafic, 28 апр 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. rafic

    rafic

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

    Структура примерно такая:
    <div class="div1"> левый счетчик </div> <div class="div2"> Копирайты </div> <div class="div3"> правый счетчик </div>
    Хотя можно написать и другую структуру.:bc:
     
  2. ne0zx

    ne0zx

    Регистр.:
    1 ноя 2008
    Сообщения:
    212
    Симпатии:
    74
    так собственно в чем проблема? напиши что не работает. а вообще возьми готорый шаблон чистый(без графики, футер, хэдэр + колонки) 2\3-ех колоночный с футером, и переделай под себя.
     
  3. BlackPawn

    BlackPawn Постоялец

    Регистр.:
    19 мар 2009
    Сообщения:
    75
    Симпатии:
    27
    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>
    
     
  4. El Numero Uno

    El Numero Uno Создатель

    Регистр.:
    24 апр 2009
    Сообщения:
    38
    Симпатии:
    11
    Судя по примеру кода ТС, ему нужно идти в css..
    Хотя можно сделать и так, как предложил BlackPawn
     
  5. Phobos

    Phobos Писатель

    Регистр.:
    28 ноя 2007
    Сообщения:
    3
    Симпатии:
    1
    А можно с помощью табличной вёрстки:
    Код:
    <table width=100%>
       <tr>
          <td align=left>левый счетчик</td><td align=center>Копирайты</td><td align=right>правый счетчик</td>
       </tr>
    </table>
    
     
  6. BlackPawn

    BlackPawn Постоялец

    Регистр.:
    19 мар 2009
    Сообщения:
    75
    Симпатии:
    27
    Phobos, твой пример не удовлетворяет условию
    Если одного счетчика не будет, копирайт сместится относительно центра.
     
  7. whitewolff

    whitewolff Лимонадный Джо :)

    Регистр.:
    29 май 2007
    Сообщения:
    168
    Симпатии:
    33
    если жестко приписать ширину ячеек то не сместится ;-) но серавно это не выход)
     
  8. Tim-on

    Tim-on Прохожие

    если шаблон сайта растянут на всю ширину экрана, тогда при просмотре на другом разрешении, шаблон начнет гулять. лучше в процентах указывать ширину ячеек
     
  9. alx198

    alx198 Писатель

    Регистр.:
    16 фев 2009
    Сообщения:
    7
    Симпатии:
    1
    примерно так. Впринципе еще можно поставить 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>
     
  10. Acden

    Acden

    Регистр.:
    12 янв 2008
    Сообщения:
    200
    Симпатии:
    12

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