- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый вечер!
И так можно пытаюсь сделать разметку с помощью DIV
Идея следующая
В общем sidebar не хочет выравняться по уровню с header.
Вот код:
<body>
<div class="container">
<div class="header">
<!-- end .header -->HEADER</div>
<div class="sidebar1">
<!-- end .sidebar1 --></div>
<div class="content">
<!-- end .content -->CONTENT</div>
<div class="sidebar2">
<!-- end .sidebar2 -->SIDEBAR</div>
<div class="footer">
<!-- end .footer -->FOOTER</div>
<!-- end .container --></div>
</body>
Вот Css:
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #42413C;
margin: 0;
padding: 0;
color: #000;
}
.container {
width: 1240px;
background-color: #FFFFFF;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.header {
background-color: #FF0000;
width: 900px;
height: 45px;
float: left;
}
.sidebar2 {
background-color: #EADCAE;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
height: 600px;
margin-right: 0px;
}
.content {
width: 900px;
float: left;
height: 600px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}
.footer {
padding: 10px 0;
background-color: #CCC49F;
position: relative;
clear: both;
}
Пробовал играться с float, clear и т.д чет ничего не помогает
Чтобы sidebar был по уровню с header - сам header сделать в container.
Спасибо за оперативность, но header вроде и так находится в container.
Можно подробней пожалуйста, я совсем новичок в этом деле :)
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #42413C;
margin: 0;
padding: 0;
color: #000;
}
.container {
width: 1240px;
background-color: #FFFFFF;
margin: 0 auto;
/* the auto value on the sides, coupled with the width, centers the layout */;
}
.header {
background-color: #FF0000;
width: 900px;
height: 45px;
float: left;
}
.sidebar2 {
background-color: #C2C2C2;
width: 340px;
height: 665px;
float: right;
}
.content {
width: 900px;
float: left;
background: blue;
height: 600px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}
.footer {
padding: 10px 0;
background-color: #CCC49F;
position: relative;
clear: both;
}
Обычный двухколоночный макет - пример реализации море!
Спасибо большое вопрос снят