<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

div элемент постоянно на экране
03.02.2013 14:57:01 div элемент постоянно на экране Сообщение #1
kraktus

kraktus

Новичок

Новичок

Дата регистрации:
01.12.2012 17:10:40

Сообщений: 9

Нужно, чтобы два нижних элемента были прижаты к низу экрана.
Но если высота окна браузера меньше min-height, то чтоб прокручивалось. В файрфоксе и опере получается.
А в chrome, safari - даже при маленьком разрешении экрана окно не прокручивается, а элементы нижний тупо наезжают на верхние.

Вот код
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
html, body{
padding:0;
margin:0;
height:100%;
position:relative;
min-height: 855px;
min-width:1259px;
max-height:1024px;
max-width:1600px;
_height:855px; /*Для ie6*/
}
body{
background-image:url(images/paper.jpg);
}
#container{

min-height:100%;
_height:100%;
}
#main{
padding-bottom:506px;
}
#box1{
float: left;
width:817px;
height:328px;
background-image:url(images/By4/bg_r1_c1.png);
}
#box2 {

background-image:url(images/By4/bg_r1_c3.png);
float:right;
width:400px;
height:558px;
margin: 0 0 0 auto;
}
#footerl
{
width:817px;
height:506px;
background-image:url(images/By4/bg_r3_c1.png);
margin-top:-506px;
position:relative;
float: left;
}
#footerr{
width:400px;
height:166px;
background-image:url(images/By4/bg_r5_c3.png);
margin-top:-166px;
position:relative;
float:right;
}
</style>
</head>
<body>
<div id="container">
<div id="main">
<div id="box1"></div>
<div id="box2"></div>
</div>
</div>
<div id="footerl">
</div>
<div id="footerr">
</div>
</body>
</html>


Вот ссылка если нужно
http://1page.testshwh.bget.ru

Готов заплатить
Профиль Ответить
03.02.2013 17:01:07 div элемент постоянно на экране Сообщение #2
kraktus

kraktus

Новичок

Новичок

Дата регистрации:
01.12.2012 17:10:40

Сообщений: 9

А если задать
в
#container{

min-height:100%;
_height:100%;
}

минимальную высоту в пискелах - то divы не наезжают, но при этом если высота больше прописанной здесь - то они все равно остаются на высоте min-height то есть не прижимаются вниз
Профиль Ответить
03.02.2013 20:32:24 div элемент постоянно на экране Сообщение #3
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

http://myrusakov.ru/css-footer-bottom.html
Профиль Ответить
04.02.2013 02:14:27 div элемент постоянно на экране Сообщение #4
kraktus

kraktus

Новичок

Новичок

Дата регистрации:
01.12.2012 17:10:40

Сообщений: 9

Я по ее примеру и делал.
Профиль Ответить