- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ
Экспертная оценка Адмитад
Оксана Мамчуева
В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи
И выявили более 7 млн подозрительных пользователей
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый день!
Подскажите пожалуйста, как победить данную проблему - если текста много на экране, то футер не перемещается вниз, а остается:
[ATTACH]90872[/ATTACH]
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body{
background-color: #CC00FF;
height:100%;
}
#vse{
width: 1000px;
margin-right: auto;
margin-left: auto;
height:100%;
background-color: #669900;
}
#vsekromefoter{
min-height:100%;
margin-bottom: -50px;
}
#topmenu{
margin: 0px;
padding: 0px;
height: 50px;
width: 1000px;
background-color: #33CC99;
background-position: center;
}
#top{
background-color: #003399;
margin: 0px;
padding: 0px;
height: 200px;
width: 1000px;
}
#central{
background-color: #996600;
margin: 0px;
padding: 0px;
min-height:100%;
width: 1000px;
}
#levoe{
background-color: #009900;
margin: 0px;
padding: 0px;
width: 200px;
float: left;
}
#kontent{
background-color: #CCCCFF;
width: 600px;
margin: 0px;
padding: 0px;
float: left;
}
#pravoe{
background-color: #33FF00;
width: 200px;
float: right;
}#footer{
background-color: #FFFF00;
height: 50px;
width: 1000px;
margin-bottom: -50px;
}
В инете нашел кучу способов, пробую, но что то не получается - чувствую что толкусь на месте...
Подскажите пожалуйста, в чем моя ошибка?
1 в #vse height:100%; заменить на min-height:100%; добавить position:reletive;
2 последнему блоку перед футером задать margin снизу на высоту футера...
3 #footer сделать position:absolute; и задать bottom:0;
ЗЫ: в примерах есть ВСЁ, лень думать?...
добавить position:reletive;
position:relative; А то ТС еще долго будет искать ошибку :)
ТС, читай http://htmlbook.ru
Там много хорошего по теме написано, да еще и с примерами.
position:relative; А то ТС еще долго будет искать ошибку ...
точнА 😂
Для генерации каркаса под верстку могу вот такой сервис посоветовать http://csstemplater.com/.
Очень выручал поначалу
1 в #vse height:100%; заменить на min-height:100%; добавить position:reletive;
2 последнему блоку перед футером задать margin снизу на высоту футера...
3 #footer сделать position:absolute; и задать bottom:0;
ЗЫ: в примерах есть ВСЁ, лень думать?...
Вот исправил как вы советовали....
Да вот результат тот же...
А если текста мало (или вообще нет), то он и так нормально показывал:
[ATTACH]90878[/ATTACH]
Вот таблица стилей:
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body{
background-color: #CC00FF;
height:100%;
}
#vse{
width: 1000px;
margin-right: auto;
margin-left: auto;
min-height:100%;
position:relative;
background-color: #669900;
}
#vsekromefoter{
min-height:100%;
margin-bottom: -50px;
}
#topmenu{
margin: 0px;
padding: 0px;
height: 50px;
width: 1000px;
background-color: #33CC99;
background-position: center;
}
#top{
background-color: #003399;
margin: 0px;
padding: 0px;
height: 200px;
width: 1000px;
}
#central{
background-color: #996600;
margin: 0px;
padding: 0px;
min-height:100%;
width: 1000px;
}
#levoe{
background-color: #009900;
margin: 0px;
padding: 0px;
width: 200px;
float: left;
}
#kontent{
background-color: #CCCCFF;
width: 600px;
margin: 0px;
padding: 0px;
float: left;
}
#pravoe{
background-color: #33FF00;
width: 200px;
float: right;
}#footer{
background-color: #FFFF00;
height: 50px;
width: 1000px;
position:absolute;
bottom:0;
}
ПОМОГИТЕ ПОЖАЛУЙСТА!!!
... ПОМОГИТЕ ПОЖАЛУЙСТА!!!
ааа, блин, там же flat-ы стоят 😂 ну так всё просто, для #vse добавьте overflow:auto; что бы он охватывал float блоки внутри себя...
ааа, блин, там же flat-ы стоят 😂 ну так всё просто, для #vse добавьте overflow:auto; что бы он охватывал float блоки внутри себя...
Спасибо!
Заработало...
Вот только я заметил маленький косячок:
[ATTACH]90880[/ATTACH]
То есть футер наезжает на текст, как бы становиться сверху его...
... То есть футер наезжает на текст, как бы становиться сверху его...
елы палы 😂 писал уже: margin-bottom последнему блоку перед футером влепить, и много других вариантов.
Спасибо!
Все заработало...
Вот только в самом низу отыскалась небольшая проблема при просмотре сайта в Opera 11.11 :
[ATTACH]91380[/ATTACH]
Вроде бы в других во всех браузерах нормально прижимает (к самому низу), а вот в опере почему то не прижимает и сбоку появляется полоса прокрутки....
Подскажите пожалуйста, как избавиться от данной проблемы...
О Боги, насоветовали, а потом говорят, что такой код либо школьник писал, либо в 1998 году делали. Флоаты :D. display: inline-block, не? И никаких сбросов не надо. Да и сброс лучше делать <br clear="all"> или <br class="clear">.