- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Все что нужно знать о DDоS-атаках грамотному менеджеру
И как реагировать на "пожар", когда неизвестно, где хранятся "огнетушители
Антон Никонов
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Задача - у левой и правой колонки сделать высоту на 100% экрана, что бы если было мало текста в них, они все равно растягивались до конца экрана. Специально все блоки выделял разным цветом.
index.html
style.css
* {
margin: 0;
padding: 0;
border: 0;
}
body {
padding: 10px 0 0;
background: #765474;
color: #333;
font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
}
#container {
width: 1024px;
height:100%;
margin: 0 auto;
background: #B23232;
}
/* Центральная часть */
#center {
width: 624px;
font-size: .8em;
color: #333;
margin: 0px auto;
float: left;
background: #D79F33;
}
#text p {
text-align: justify;
text-indent: 1.5em;
margin: 0;
padding: 0 15px;
}
/* Левая колонка */
#leftmenu {
width: 250px;
height:100%;
float: left;
background: #CAE62D;
}
#leftmenu ul {
font-size: 13px;
margin: 0 0 0 40px;
list-style-type: circle;
}
#leftmenu li a {
color: #000;
}
#leftmenu li a:hover {
color: #000;
}
/* Правая колонка */
#rightmenu {
width: 150px;
height: 100%;
float: left;
text-align: center;
background: #33D765;
}
#rightmenu ul {
font-size: 13px;
margin: 0 0 0 40px;
list-style-type: circle;
}
#rightmenu li a {
color: #000;
}
#rightmenu li a:hover {
color: #000;
}
И если можно объясните почему в эксплорере виден background container, а в фф нет.
Доктайп уберите — будет высота :)
Контейнер не виден скорее всего из-за того, что у вас clear для флоатов нет.
Доктайп уберите — будет высота :)
Контейнер не виден скорее всего из-за того, что у вас clear для флоатов нет.
Да помогло, только возникла новая проблема, в эксплорере все уехало влево. Да и строку эту убирать не хотелось :)
Собственно надо было добавить высоту 100% для html и body.
Фон для container не был виден как раз потому что высота у него не была задана, но при этом находящиеся элементы имели аттрибут "float" (в таком случае ff и opera считают, что у такого блока высота равна 0).
Спасибо! Помогло
WhiteFalke добавил 27.10.2008 в 12:28
Собственно надо было добавить высоту 100% для html и body.
Фон для container не был виден как раз потому что высота у него не была задана, но при этом находящиеся элементы имели аттрибут "float" (в таком случае ff и opera считают, что у такого блока высота равна 0).
А то что прописано для container height:100%; не считается?
Так height вычисляется от родительского элемента. Т.е. height: 100% - это 100% высоты родительского элемента.
kil, это не решение.
kil, это не решение.
Блин.. точно :(
http://www.cssplay.co.uk/layouts/3cols2.html
похоже ?