- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Все что нужно знать о DDоS-атаках грамотному менеджеру
И как реагировать на "пожар", когда неизвестно, где хранятся "огнетушители
Антон Никонов
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Помогите выровнять колонки. Когда в одной колонке много текста то вторая колонка становится равной заполнению. Это происходит в IE и Safari-win а в Opera, Chrome, Firefox всё нормально. При увеличении масштаба в браузере происходит тоже самое.
Нужно чтобы фон колонок всегда растягивался до футера.
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
.wrapper {
display: table;
height: 100%;
margin: 0 auto;
}
.header {
width: 900px;
height:100px;
background: #F0E68C;
}
.content {
display: table-row;
wider: 900px;
min-height: 100%;
height: 100%;
}
.article {
display: table-row;
width: 600px;
min-height: 100%;
height: 100%;
background: #D2B48C;
float: left;
}
.aside {
display: table-row;
width: 300px;
min-height: 100%;
height: 100%;
background: #FFDAB9;
float: right;
}
.footer {
bottom: 0;
width: 900px;
height: 60px;
background: #B8860B;
}
Использовать display: table-row; с float: right; это какая-то такая ересь, что лучше бы просто сверстали обычную таблицу!
Я правда не понимаю - как браузеры такое вообще понимают и воспринимают. Строка таблицы с обтеканием...
Что мешало сделать их table-cell, убрать обтекание и добавить шапке таблицы что-то вроде display: table-caption? :)
И да, я все еще настаиваю на обычной таблице.
Wooz, ничего не понять.
Что нужно? Что получается? Как нужно чтобы получалось?
А вообще - не пытайтесь такое сложное мутить с таблицами, полагая что браузеры все поймут. Таблицы - дело такое. Даже если в браузерах все ок, обязательно найдутся мобильные браузеры, в которых все не ок :)
Wooz, ничего не понять.
Что нужно? Что получается? Как нужно чтобы получалось?
А вообще - не пытайтесь такое сложное мутить с таблицами, полагая что браузеры все поймут. Таблицы - дело такое. Даже если в браузерах все ок, обязательно найдутся мобильные браузеры, в которых все не ок :)
Нужен макет шапка, две колонки одинаковой высоты до футера с разным фоном, прибитый футер и чтобы текст никуда не убегал и легкость к адаптации.
Нужен макет шапка, две колонки одинаковой высоты до футера с разным фоном, прибитый футер и чтобы текст никуда не убегал и легкость к адаптации.
ну так и используйте display:inline-block. зачем вам эти "таблицы".
Что-то слишком усложняете, в зависимости от задач, там может еще в 1н див можно обернуть и выставлять высоту в %, но вообще выставлять высоту моветон.
https://codepen.io/alexandr-rodkin/pen/mgVgKq
есть хороший генератор, там подсмотрите решение колонок на всю высоту
Не понятно что нужно, куда там текст убегает, но вот шапка, 2 колонки и футер - https://codepen.io/seolaba/pen/BEzaja