- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи
И выявили более 7 млн подозрительных пользователей
Оксана Мамчуева
Все что нужно знать о DDоS-атаках грамотному менеджеру
И как реагировать на "пожар", когда неизвестно, где хранятся "огнетушители
Антон Никонов
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Никак не могу разобраться, как сделать три колонки на дивах, чтобы они снизу выравнивались по одной линии, т.е. если левая наполнена, правая и средняя нет, они все выравниваются снизу по foot'у. В прикрепленном файле есть пример, где все как надо, только с ним ни как не могу разобраться - куча: container, sub_container, wrapper.... , а за счет чего достигается такой эффект никак не вкурю. Объясните или ссыль подкиньте а.
Пользуйтесь. Очень полезный сайт.
Не, там все дивы имеют высоту, которая определена их содержимым, мне же надо чтобы они снизу в линию
e-petrov.ru/test/three-column/
webmascon.com/topics/coding/13a.asp
может это поможет
Почитаем, спасибо.
Вот в нагрузку вопросик, мучает меня: во всех примерах ДИВной верстки где дивы флотятся, зачем-то делают перестановку типо margin-left: -200px; вот никак не пойму зачем это, демонстрация возможностей или для чего?
Не знай, я делаю для левых 2 колонок float:left, для первой - ширину width:200px, для правой - только ширину. После колонок <div style="clear:both"></div>.
Ufaweb, а мож поподробней. "После колонок <div style="clear:both"></div>" - зачем?
Чтобы отменить обтекание элемента. Иначе следующий элемент будет "липнуть" к нему справа . Можно использовать <div style="clear: left"></div>.
Вложения
Тип файла: zip 3_column_css_layout_right_sidebars.zip (2.2 Кб, 1 просмотров)
посмотрел пример, он не кроссбраузерный. Не работает в FF и Opera , я советую Вам его не использовать.
Почитаем, спасибо.
Вот в нагрузку вопросик, мучает меня: во всех примерах ДИВной верстки где дивы флотятся, зачем-то делают перестановку типо margin-left: -200px; вот никак не пойму зачем это, демонстрация возможностей или для чего?
Обычно это делается, чтобы правая колонка не съезжала вниз в IE: как тут, например.
Подскажите почему #container отображается бесцветным в опере, в ИЕ все в поряде.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>5</title>
<style>
<!--
body {
padding:0px;
width: 900px;
margin: 20px auto;
margin-right: auto;
min-height:100%;
position: relative;
text-align: center;
}
#container {
background: #FFC0CB;
width: 900px;
}
#left {
float: left;
width: 200px;
}
#sub_cont {
background: #87CEFA;
float: right;
width: 700px;
}
#center {
background: #90EE90;
float: left;
width: 500px;
}
#right {
float: right;
width: 200px;
}
#foot {
background: #FFF48C;
clear: both;
height: 40px;
width: 900px;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="left">5</div>
<div id="sub_cont">
<div id="center">4<p> </p>
<p> </p>
<p> </p>
<p> </div>
<div id="right">3</div>
</div>
</div>
<div id="foot"></div>
</body>
</html>
Без:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
нормальное отображение, но куча других глюков.
если необходимо выравнивание для вставки внизу на одном уровне например ссылок внизу, используйте табличку.
Если нужно чтобы просто бэкграунд был распределен до самого низу, то это другое.