Следуйте до первого вопроса CSS, FOOTER плавает наверх - PullRequest
Новая
       11

Следуйте до первого вопроса CSS, FOOTER плавает наверх

0 голосов
/ 25 декабря 2009

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

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

http://we -live.in / the_sierra 

<div style="text-align:center;">

  <div id="footernav">
  <a href="index.php" class="footerlink">Home</a>
  <a href="about.php" class="footerlink">About Us</a>
  <a href="mailto:info@neighborrow.com"  class="footerlink end">Contact Us</a>

  </div>

Ответы [ 3 ]

2 голосов
/ 25 декабря 2009

Это происходит потому, что вы установили абсолютную позицию каждого элемента div (to_text, nav_deals и т. Д.), Но элемент div, содержащий нижний колонтитул, отображается как обычный элемент div (поскольку его позиция не абсолютна)!

Предлагаю переделать этот простой макет без абсолютного позиционирования! Или вы можете решить, установив в абсолютное значение даже позицию последнего делителя!

2 голосов
/ 25 декабря 2009

Ваш основной контент div выглядит как div с идентификатором "to_div". Ваш нижний колонтитул всплывает наверх, потому что вы использовали position: absolute в to_div, который выводит его из потока. Либо абсолютно поместите ваш div внизу, либо прекратите использовать абсолютно позиционирование. Я рекомендую последнее.

0 голосов
/ 27 декабря 2009

Проблема в том, что вы используете абсолюты. Абсолюты не влияют на поток (другими словами, для позиционирования других элементов они как бы не существуют).

Сделайте что-нибудь подобное (я поставил css как текст) 

<div id="wrapper">
     <div id = "main">
          <div id="to">FLOAT:LEFT</div>
          <div id="from">FLOAT:RIGHT</div>
          <p class="extro">CLEAR:BOTH</p>
     </div>
<div id="footer"></div>
</div>
...