привет
пытаюсь сделать такую вот страничку:
сверху шапка
центральная часть (будет левая, центральная и правая колонки)
и футер внизу
как сделать так чтобы шапка прилипла к бортам браузеров
а центральная часть и футер отставали на 10px например?
делаю это для ff последних версий, ie7, ie6
везде вроди работает только в ie6 отступ слева получается на 20px а не на 10
не подскажете в чем проблема? или как это можно реализовать чтобы работало?
вот как я делаю:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style>
* {
margin:0;
padding:0;
}
#header {
height:40px;
background:#993333;
}
#layout-center {
width:100%;
margin-top:10px;
}
#layout-left-panel {
width:197px;
float:left;
background:#CCCCCC;
margin-left:10px;
}
#layout-body {
margin-left:210px;
border:1px solid #000000;
margin-right:10px;
background:#E9E9E9;
}
#layout-footer {
clear:both;
background:#666666;
margin:10px 10px 0 10px;
}
</style>
</head>
<body>
<div id="header">header here</div>
<div id="layout-center">
<div id="layout-left-panel">
<ul>
<li><a href="link.html">link yo</a></li>
<li><a href="link.html">link yo</a></li>
<li><a href="link.html">link yo</a></li>
<li><a href="link.html">link yo</a></li>
<li><a href="link.html">link yo</a></li>
<li><a href="link.html">link yo</a></li>
<li><a href="link.html">link yo</a></li>
</ul>
</div>
<div id="layout-body">text will be here<br>text will be here<br>text will be here<br>text will be here<br></div>
</div>
<div id="layout-footer">footer goes here</div>
</body>
</html>
Новости дизайна |
Галереи |
О проекте |
RSS
Правила |
FAQ |
Поиск |
Наша команда |
Регистрация |
Вход
