Профиль пользователя на форуме для web-разработчиков

Здравствуйте Гость!

ПОДПИСКА Подписавшись по E-mail, Вы будете получать уведомления о новых статьях к себе на почту.

Подписатся на почтовую рассылку на сайте astranar.ru

Подписаться

ДОБАВЛЯЙТЕСЬ В ДРУЗЬЯ Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте на стене моего аккаунта. Мой аккаунт Вконтакте

Мой аккаунт

Кому нужна качественная основа блочной вёрстки? Главная - Форум - html - Кому нужна качественная основа блочной вёрстки?

Кому нужна качественная основа блочной вёрстки?

Виктор Станиславыч

Заголовок сообщения: Кому нужна качественная основа блочной вёрстки?

Добавлено: 2012-11-16 18:04:00

Зарегистрирован:
16 Ноября 2012

Всем привет, решил поделиться качественной основой блочной вёрстки...

Код HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ; ";>
<html xmlns=";>
<head>
<title>Название страницы</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Описание" />
<meta name="keywords" content="ключевые слова" />
<link href="" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">Шапка сайта</div>
<div id="content">
<div id="left">Левые блоки</div>
<div id="right">Правые блоки</div>
<div id="center">Центральная часть</div>
</div>
<div class="clear"></div>
<div id="footer">подвал</div>
</body>
</html>

и код CSS:

html, body {
margin: 0;
padding: 0;
font-size: 90%;
}

#header {
background: #ccc;
color: #eee;
}

#left {
float: left;
width: 200px;
background: blue;
}

#right {
float: right;
width: 200px;
background: red;
}

#center {
margin-left: 210px;
margin-right: 210px;
}

.clear {
clear: both;
}

#footer {
background: lightblue;
}

Я надеюсь что вам это поможет при создание качественного макета страницы...

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

Существует правило трех "Н" - Нет Ничего Невозможного.

Автор неизвестен

Вступайте в группу!