почему я не могу сделать нижний колонтитул, который работает, в CSS? - PullRequest
Новая
       0

почему я не могу сделать нижний колонтитул, который работает, в CSS?

0 голосов
/ 04 февраля 2011

http://cssdesk.com/kBNHh

хорошо, вот мой css + html.

Проблема в нижнем колонтитуле. Не знаю как с этим работать.

Может кто-нибудь сказать мне, что я делаю не так?

Кроме того, я все еще получаю сообщение о том, что текст (в div, называемый child 2, т.е. основная часть текста) перекрывает нижний колонтитул, если я вставляю слишком много текста в div. Почему я не могу предотвратить перекрытие нижнего колонтитула? Я пытался поместить нижний колонтитул вне оболочки (поля), я пробовал все. Но текст просто перекрывает нижний колонтитул, когда его слишком много. Должен ли я попробовать заполнить еще раз? Редактировать: Нет, по-прежнему не работает.

Нижний колонтитул называется Child 4 (хотя он не является дочерним по отношению к «field», то есть главной оболочке в моем html).

Я был на нескольких веб-сайтах с большим количеством деталей. Даже попробовал некоторые из представленных там CSS. Но как только я редактирую его в соответствии с моим планом, нижний колонтитул перестает работать. Что я делаю не так?

1 Ответ

1 голос
/ 04 февраля 2011

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

Если вы используете position:Относительное, а не положение: абсолютное, тогда это может привести вас в правильное положение.

Прочитайте некоторые из них, они могут помочь:

http://www.communitymx.com/content/article.cfm?page=2&cid=3B56F

http://css -tricks.com / absolute-относительный-fixed-positioining-how-do-они-отличаются /

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

#Header, #Content, #Footer{
  position:relative;
  width:100%;
}

#Header{
  height:100px;
  background:yellow;
}

#Content{
  height:400px;
  background:green;
}

#Footer{
  height:100px;
  background:blue;
}

и HTML будет 

<body>
 <div id="Header">Put your header stuff here.</div>
 <div id="Content">Put your content here.</div>
 <div id="Footer">Put your footer stuff here.</div>
</body>

Поместите детей в правильный раздел и установите их положение относительно.

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

Извините, если я не достаточно конкретен, уверен, какой-нибудь другой приятный пареньна SO добавлю к этому и дам вам руку, если у них есть что-то конструктивное, чтобы добавить:)

...