- 03.12.2024 На сайте зарегистрировался KLIFT
- 24.07.2014 Nikola добавил материал Шаблон Light Template д...
- 09.06.2018 Snow-vzlom ответил на форуме в теме Дешевый сервис по ...
БЕСПЛАТНАЯ DIV ВЕРСТКА САЙТА 22.04.2013
Скриншот материала «БЕСПЛАТНАЯ DIV ВЕРСТКА САЙТА»
Нажмите, чтобы увеличить
- Просмотров: 844
- Скачиваний: 0
- Комментариев: 0
- от Nikola
Здесь можно бесплатно воспользоваться готовыми примерами блочной css верстки слоями.
Каждый шаблон ниже содержит готовую резиновую и не резиновую верстку в две или три колонки с различным расположением. Во всех верстках css footer прижат к низу. Каждая div, блочная, дивная верстка валидна и проверена на кроссбраузерность.
3 КОЛОНКИ И ФУТЕР
2 КОЛОНКИ (С ПРАВЫМ МЕНЮ), ФУТЕР И ХЭДЭР
Каждый шаблон ниже содержит готовую резиновую и не резиновую верстку в две или три колонки с различным расположением. Во всех верстках css footer прижат к низу. Каждая div, блочная, дивная верстка валидна и проверена на кроссбраузерность.
3 КОЛОНКИ И ФУТЕР Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {float:left;width:200px;}
#right {float:right;width:200px;}
#center {margin:0 200px 0 200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {float:left;width:200px;}
#right {float:right;width:200px;}
#center {margin:0 200px 0 200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
3 КОЛОНКИ (ВИД БЛОГА) И ФУТЕР
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {margin-right:400px;}
#right {float:right;width:200px;}
#center {float:right;width:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {margin-right:400px;}
#right {float:right;width:200px;}
#center {float:right;width:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
3 КОЛОНКИ, ХЭДЭР И ФУТЕР
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {float:left;width:200px;}
#right {float:right;width:200px;}
#center {margin:0 200px 0 200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {float:left;width:200px;}
#right {float:right;width:200px;}
#center {margin:0 200px 0 200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
3 КОЛОНКИ (ВИД БЛОГА), ХЭДЭР И ФУТЕР
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {margin-right:400px;}
#right {float:right;width:200px;}
#center {float:right;width:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {margin-right:400px;}
#right {float:right;width:200px;}
#center {float:right;width:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
3 КОЛОНКИ И ХЭДЭР
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {float:left;width:200px;}
#right {float:right;width:200px;}
#center {margin:0 200px 0 200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {float:left;width:200px;}
#right {float:right;width:200px;}
#center {margin:0 200px 0 200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
3 КОЛОНКИ (ВИД БЛОГА) И ХЭДЭР
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {margin-right:400px;}
#right {float:right;width:200px;}
#center {float:right;width:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {margin-right:400px;}
#right {float:right;width:200px;}
#center {float:right;width:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
3 КОЛОНКИ
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {float:left;width:200px;}
#right {float:right;width:200px;}
#center {margin:0 200px 0 200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {float:left;width:200px;}
#right {float:right;width:200px;}
#center {margin:0 200px 0 200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
3 КОЛОНКИ (ВИД БЛОГА)
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {margin-right:400px;}
#right {float:right;width:200px;}
#center {float:right;width:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {margin-right:400px;}
#right {float:right;width:200px;}
#center {float:right;width:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='center'>
<!-- Содержимое центральной колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
2 КОЛОНКИ (С ПРАВЫМ МЕНЮ) И ФУТЕР
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#right {float:right;width:200px;}
#left {margin-right:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#right {float:right;width:200px;}
#left {margin-right:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
2 КОЛОНКИ (С ЛЕВЫМ МЕНЮ) И ФУТЕР
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {float:left;width:200px;}
#right {margin-left:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {float:left;width:200px;}
#right {margin-left:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
2 КОЛОНКИ (С ПРАВЫМ МЕНЮ), ФУТЕР И ХЭДЭР Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#right {float:right;width:200px;}
#left {margin-right:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#right {float:right;width:200px;}
#left {margin-right:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
2 КОЛОНКИ (С ЛЕВЫМ МЕНЮ), ФУТЕР И ХЭДЭР
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {float:left;width:200px;}
#right {margin-left:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {float:left;width:200px;}
#right {margin-left:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
</div>
<div class='clear'></div>
<div id='spacer'></div>
</div>
<div id='footer'>
<!-- Содержимое футера -->
</div>
</body>
</html>
2 КОЛОНКИ (С ПРАВЫМ МЕНЮ) И ХЭДЭР
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#right {float:right;width:200px;}
#left {margin-right:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#right {float:right;width:200px;}
#left {margin-right:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
2 КОЛОНКИ (С ЛЕВЫМ МЕНЮ) И ХЭДЭР
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {float:left;width:200px;}
#right {margin-left:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#left {float:left;width:200px;}
#right {margin-left:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>
<!-- Содержимое хэдэра -->
</div>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
2 КОЛОНКИ (С ПРАВЫМ МЕНЮ)
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#right {float:right;width:200px;}
#left {margin-right:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#right {float:right;width:200px;}
#left {margin-right:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
2 КОЛОНКИ (С ЛЕВЫМ МЕНЮ)
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {float:left;width:200px;}
#right {margin-left:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Верстка от AD</title>
<style type="text/css">
html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#left {float:left;width:200px;}
#right {margin-left:200px;}
.clear {clear:both;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div id='left'>
<!-- Содержимое левой колонки -->
</div>
<div id='right'>
<!-- Содержимое правой колонки -->
</div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
Внимание! Вы находитесь на странице материала «БЕСПЛАТНАЯ DIV ВЕРСТКА САЙТА» (Другое), который является полностью уникальным. Поэтому, при копировании на сторонний ресурс, просим указывать ссылку на источник.
