<MyRusakov.ru />

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

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

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

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

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

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

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

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

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

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

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

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

контент съезжает на шапку
09.12.2014 20:03:09 контент съезжает на шапку Сообщение #1
LexLinn

LexLinn

Новичок

Новичок

Дата регистрации:
08.04.2014 09:27:49

Сообщений: 2

Доброго времени суток. Проблема такая. Начал осваивать CSS, сделал шапку, ниже блок для левого меню, вот этот блок почему то заезжает на шапку, а точнее за нее.....ну вообще вот:
<body>
<div id='wrapper'>
<div id="header">
<div class='section'>
<img src = "images/logohead.jpg"  style = "border-radius: 25%;">
</div>
<div style='width: 65%;' class='section'>
<font face = 'comic sans ms'>
<h4>Лицензия №ЛО70-01-000922 от 17.09.2012<br>г.Томск ул.Советская, 96Б<br>
ООО "Элли"<br>Телефон:<br>42-14-35; 56-22-22<br>42-02-02 - регистратура
</h4>
</font>
</div>
</div>
<div id = 'left-column'>
<h1 class = 'button' onclick="location.href='index.html';">Главная</h1>
</div>
</div>
</body>

А вот CSS:

#header {
position: absolute;
width: 90%;
height: auto;
background: url(images/bghead.jpg);
background-size: 100% 100%;
border-radius: 5%;
margin: 4.5%;
}

.section {
display: inline-block;
float: left;
height: 20%;}

h4 {
text-align: right;
color: white;
font-weight: bold;
font-size: 125%;
}

#left-column {
float: left;
width: 25%;
height: auto;
margin: 6%;
}

html, body {
width: 90%;
background: #F0FFFF;
}
#wrapper { 
width: 90%;  
height: auto;
margin: 0;
}
Ну и собственно взываю о помощи к магистрам))
Профиль Ответить
11.12.2014 15:01:01 контент съезжает на шапку Сообщение #2
Jey-Val-Star

Jey-Val-Star

Освоившийся

Освоившийся

Дата регистрации:
30.11.2014 21:33:11

Сообщений: 27

В элементе header зачем указано свойство position:absolute?
уберите его,.
а height укажите в пикселях
Для элемента .section бесмысленно указывать float - после него ничего нет
и как результат ничего не будет обтекать
не нужно для элементов html,body  указывать ширину (width)
Для элемента wrapper укажите margin:auto иначе центрирования вам не получить
Профиль Ответить