Jump to content
  • 0

footer к низу во всех браузерах.


Вадим
 Share

Question

Ребята, привет!

Предмет разговора: www.w3u.ru

Короче проблема с версткой. Я только начинаю, поэтому не плюйтесь за код.

В общем проблема глобальная. Нужно, чтобы в ie6,7,8,opera9,ff3 footer всегда был прибит к низу не зависимо от объема текста. :)

Вторая проблема в том, что по бокам начиная с области контента у меня идут border'ы. Идея в том, что они должны доходить до конца экрана и врезаться в footer. Опять же не зависимо от объема текста. :)

psywalker мне очень помог в предыдущей теме, но эта тема уже выходит за рамки данного вопроса.

Я изучил, что пишут люди, все говорят, что надо сразу было думать, но я вначале не знал, что так потребуется. Не подумал. Теперь на выходе много мусора и не понятно что-куда идет. :)

Поэтому, если вам, друзья, не сложно будет, помоги все это разобрать по полочкам да объяснить где мои ошибки и как их исправить.

Спасибо, за ранее, всем за ответы! :)

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0

Сейчас вроде разобрался, сделал. Все получилось, но почему-то теперь на большом экране footer опускается на 150-200px ниже самого экрана. Т.е. текста мало, экран большой, теоретически footer должен просто прижаться к экрану, а он ещё ниже идет. Как это можно решить? Вроде проблем в #contents или #content.

Link to comment
Share on other sites

  • 0
Сейчас вроде разобрался, сделал. Все получилось, но почему-то теперь на большом экране footer опускается на 150-200px ниже самого экрана. Т.е. текста мало, экран большой, теоретически footer должен просто прижаться к экрану, а он ещё ниже идет. Как это можно решить? Вроде проблем в #contents или #content.

Видать не разобрались, в примере вроде такого не наблюдается.

Может релейтив не назначили #contents или #content или еще кому, не знаю че у вас, короче, блок, в котором футер лежит нерекурсивно, потому футер может считаца от боди и т.п.

Link to comment
Share on other sites

  • 0
Видать не разобрались, в примере вроде такого не наблюдается.

Может релейтив не назначили #contents или #content или еще кому, не знаю че у вас, короче, блок, в котором футер лежит нерекурсивно, потому футер может считаца от боди и т.п.

Да. Я понимаю. Релатив вроде назначал - толку нет. Мне просто приходится использовать обвертку #contents для обвертки #content. При этом в этих блоках мне приходится указывать height:100%; это видать и влияет на ситуацию, но если одно из значений убрать - footer поднимается вверх.

Link to comment
Share on other sites

  • 0

если представить вложенную структуру дивов - на практике кроссбраузерно относительно BODY растягивается только еще один DIV, то есть в блоке с min-height:100% не получица разместить див min-height:100%.

Стало быть, футер Ваш должен валяца нерекурсивно именно в первом DIV относительно BODY.

Link to comment
Share on other sites

  • 0
если представить вложенную структуру дивов - на практике кроссбраузерно относительно BODY растягивается только еще один DIV, то есть в блоке с min-height:100% не получица разместить див min-height:100%.

Стало быть, футер Ваш должен валяца нерекурсивно именно в первом DIV относительно BODY.

Не понял. Можно проще объяснить.. "нерекурсивно" это как?

Link to comment
Share on other sites

  • 0
Не понял. Можно проще объяснить.. "нерекурсивно" это как?

Жаль что вам лень задать поисковый запрос

DIV рекурсивно содержит SPAN

<div>

<span></span>

<span></span>

<div>

DIV НЕрекурсивно содержит SPAN

<div>

<p><span></span></p>

</div>

Link to comment
Share on other sites

  • 0
Жаль что вам лень задать поисковый запрос

DIV рекурсивно содержит SPAN

<div>

<span></span>

<span></span>

<div>

DIV НЕрекурсивно содержит SPAN

<div>

<p><span></span></p>

</div>

Простите, что так сильно вас раздражаю, просто мне известны понятия как дочерний элемент. Ещё раз спасибо за помощь!

Link to comment
Share on other sites

  • 0
Простите, что так сильно вас раздражаю, просто мне известны понятия как дочерний элемент. Ещё раз спасибо за помощь!

Ничего личного, Вы меня не раздражаете, но оба примера - дочерние элементы. А вот нерекурсивный только один.

Делица опытом - понимаю, а делица элементарной энциклопедией - странно, разве нет?

Edited by Justnewone
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy