X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Пазиция элемента.
pullus
pullus
Topic Starter сообщение 23.11.2010, 22:44; Ответить: pullus
Сообщение #1


Не могу разобраться, или я что-то упускаю (начинающий).: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 /* Обнуляем отступы */
   }



Заранее спасибо за ответы!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 23.11.2010, 22:57; Ответить: alexdrob
Сообщение #2


#cl {
   margin: 0 auto;
   border: solid 1px black;
   width: 1010px;
   }


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) При удалении одного элемента, перестает работать другой. Помогите исправить!
1 vantusxyz 5572 24.6.2016, 16:08
автор: -Degradator-
Открытая тема (нет новых ответов) Как подстроить 3 разные элемента в один ряд
2 Генрих Арутюнян 5540 19.2.2015, 10:43
автор: -Генрих Арутюнян-
Открытая тема (нет новых ответов) Вопрос на засыпку (zzzzz....): получить height у элемента с display:none
1 Zippovich 6373 23.5.2009, 8:58
автор: -Apay-
Открытая тема (нет новых ответов) Печать определенного элемента на странице
1 Natali24 12983 25.6.2008, 0:57
автор: -Exterior-


 



RSS Текстовая версия Сейчас: 23.4.2024, 20:25
Дизайн