Jump to content

клот2

Newbie
  • Posts

    7
  • Joined

  • Last visited

клот2's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. По первой ссылке - там один слой "content", который relative, "толкает" футер...Не подходит. По второй - довольно интересно про footer_guaranter/ Попробовал, работает, правда еще не понял как.
  2. На данном сайте есть пример двухколоночного резинового макета. Там же есть место "подвалу". Так вот, если высота содержимого любого из столбцов меньше высоты страницы, то подвал будет висеть посередине страницы, прижавшись к самому "объемистому" столбцу. Воспользовавшись же различными советами в инете по размещению футера внизу страницы, абсолютно спозиционировав его внизу страницы или родительского блока, обнаружил, что столбец, спозиционированный с помощью float, не "толкает" его вниз, подобно элементу, спозиционированному как "relative", т.е. ведет себя как абсолютно-позиционированный. Получается, что если в столбце меню больше контента (часто бывает такое), то футер не будет никогда внизу страницы. Как быть?
  3. Сделал ширину слоя заголовка 100%. При уменьшении окна браузера он соответсвенно тоже уменьшится. Как вставлять тогда рисунjк, логотип, в этот слой, и какими его делать размерами (рисунок) , чтобы он подстраивался под ширину и не появлялось полос прокруток? {...отредактировано kiD}
  4. Почему нет? Работает же, проверьте сами этот код, переполните content и посмотрите. Проверил - да,тянеться. Но зачем тогда справишвать вот это если все работает??? - Тег мета, с указанием кодировки должен быть всегда выше тега титл. И у вас футер портиться когда content начинает тянуться. Тянется-то тянется, но вы взгляните при отсутствующем контенте. В опере и ие слой равен высоте страницы, как и задумано, а в фф нет. Вот в чем проблема.
  5. Ну ну.. то есть инными словами когда количество контента доходит до критической отметки, слой начинает тянуться по высоте? имхо только жабойСкрипт. Почему нет? Работает же, проверьте сами этот код, переполните content и посмотрите.
  6. Мне не нужны два слоя одной высоты. Мне нужно один слой (content растянуть либо на 100%, либо, если контент превышает размер страницы, пусть подстраивается под него, но в любом случае он не должен быть меньше 100%. Если контент меньше 100% и при этом указано min-height:100%; то разве высота блка не должа быть 100%? Помоему, это как раз для этого и сделано. Ведь для conteiner-a я смог добится такого, он растянулся на высоту окна. В любом браузере. А вот content не хочет себя вести так в фф. Но вот если для content relative поменять на absolute, то все ок. Однако при большом объеме контента контейнер не растягивается, и footer оказывается где-то в середине.
  7. В контейнере, div "conteiner", помещаю слой content со стилями, указанными ниже. Проблема такая- при объеме контента в данном слое меньше одной страницы в фф слой не растягивается на 100% и левая граница его заканчивается где-то посередине. Стили: html, body { background-color:white; height:100%; margin:0px 0px; padding: 0px 0px; } #conteiner { position:relative; bottom:0px; background-color:green; min-height:100%; border:solid 1px #C8CACA; border-top:none; border-bottom:none; width:700px; margin:0px auto; } #content { position:relative; top:0px;left:200px; bottom:0px; min-height:100%; width:500px; border-left:solid 1px #C8CACA; } #footer { position:absolute; padding:0px; margin:0px; bottom:0px; width:100%; height:90px; border-top:solid 1px #C8CACA; } *html, #conteiner, #content { height:100%; } код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>рррр</title> <link href="style.css" type="text/css" rel="stylesheet" /> <meta content="text/html; charset=windows-1251" http-equiv="Content-Type" /> </head> <body> <div id="conteiner"> <div id="content"> контент </div> <div id="footer">d</div> </div> </body> </html> {...отредактировано kiD} {...перенесено в Слои kiD}
×
×
  • 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