|
Сообщение от Igor2001
|
|
один слой растянуть на 100% по ширине и длине окна, который будет фоном, и второй слой заданной ширины, разместить по центру страницы с заданным отступом сверху.
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
width: 100%;
}
#fon {
min-height: 100%;
background-color: #e0e0e0;
}
#content_tab {
/* тот самый отступ */
height: 20px;
}
#content {
margin-left: auto;
margin-right: auto;
width: 770px;
height: 50px;
background-color: #cccccc;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='fon'>
<div id='content_tab'></div>
<div id='content'></div>
</div>
</body>
</html>
Работает в Опере, ФФ, Хроме и ИЕ...