Не могу разобраться, или я что-то упускаю (начинающий).:rolleyes:
Вопрос, как на примере нижеприведенного шаблона сделать так чтобы основной блок с id="cl" находился ровно по середине экрана браузера, и при "Свернуть в окно" оставался так же по середине браузера и был видим, а не уезжал за невидимую часть окна.
HTML
<body>
<div id="cl">
<div id="top">Заголовок сайта</div>
<div id="menu">
<a href="link1.html">Ссылка 1</a><br>
<a href="link2.html">Ссылка 2</a><br>
<a href="link3.html">Ссылка 3</a><br>
<a href="link4.html">Ссылка 4</a><br>
</div>
<div id="content">
</div>
<div id="bottom">
</div>
</div>
</body>
и CSS
BODY {
font-family: Verdana, Arial, sans-serif; /* Рубленый шрифт на странице */
}
#cl {
left:;
margin-left:;
margin-right:;
border: solid 1px black;
width: 1010px;
position: absolute;
}
#top { /* Верхняя часть с заголовком страницы */
background: #e3e8cc; /* Цвет фона */
border: solid 1px black; /* Параметры рамки */
padding: 15px 0 15px 10px; /* Поля вокруг текста */
/* Расстояние между заголовком и колонками */
font-size: 24px; /* Размер шрифта */
font-weight: bold; /* Жирное начертание */
color: black; /* Цвет символов */
}
#menu { /* Навигация по сайту */
width: 100px; /* Ширина меню */
background: #e3e8cc; /* Цвет фона */
border: solid 1px black; /* Параметры рамки */
float: left; /* Состыковка с другим слоем по горизонтали */
padding: 3px; /* Поля вокруг текста */
}
#menu A { /* Ссылки в меню */
font-size: 90%; /* Размер текста */
}
#content { /* Основное содержание страницы */
background: #e3e8cc; /* Цвет фона */
border: solid 1px black; /* Параметры рамки */
margin-left: 109px; /* Отступ слева */
margin-bottom: 15px; /* Отступ снизу */
width: 900px;
}
#bottom { /* Нижняя часть */
background: #e3e8cc; /* Цвет фона */
border: solid 1px black; /* Параметры рамки */
font-size: 90%; /* Размер шрифта */
padding: 3px; /* Поля вокруг текста */
}
H1 { /* Заголовок страницы */
text-align: center; /* Выравнивание по центру */
font-size: 210%; /* Размер шрифта */
font-family: "Times New Roman", Times, serif; /* Шрифт с засечками */
font-weight: normal; /* Нормальное начертание */
color: black; /* Цвет текста */
padding: 0; /* Убираем значение полей */
margin: 0; /* Обнуляем значения отступов */
}
#content P {
font-size: 90%; /* Размер шрифта */
text-align: justify; /* Выравнивание по ширине */
padding: 10px; /* Поля вокруг текста */
margin: 0 /* Обнуляем отступы */
}
Заранее спасибо за ответы!