изменение разрешения сайта, при выравнивании по центру по вертикали и горизонтали

Сообщение сайта

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

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

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

SEO форум MaulTalk.com > Веб-строительство > Программная часть

изменение разрешения сайта, при выравнивании по центру по вертикали и горизонтали

Опции

qaz_hb

Topic Starter сообщение

27.9.2009, 13:53; Ответить: qaz_hb

Сообщение #1

Группа: User
Сообщений: 3
Регистрация: 27.9.2009
Поблагодарили: 0 раз
Репутация:

воспользовался таким способом:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Выравнивание блока по центру по вертикали и горизонтали</title>
<style type="text/css">
html, body{
margin:0;
padding:0;
width:100%;
height:100%;
}
#CenterBlock{
background:#F00;
width:400px;
height:400px;
position:absolute;
top:50%;
left:50%;
margin:-200px 0 0 -200px;
}
</style>
</head>

<body>
<div id="CenterBlock">
Я отцентрированный блок
</div>
</body>
</html>

но при уменьшении размера окна браузера, часть объекта уходит за границу браузера и не появляется скрол, как можно исправить эту ситуацию(добавить скрол)? min-height не помогает.
Заранее благодарю.

не забывайте выделять код
Apay

Ответить с цитированием данного сообщения

Apay Apay 27.9.2009, 14:24; Сообщений: 3462 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	27.9.2009, 14:24; Ответить: Apay Сообщение #2
0 Группа: User Сообщений: 3462 Регистрация: 4.2.2008 Поблагодарили: 0 раз Репутация: 0	примерно так: <body> <div id="CenterBlock"> Я отцентрированный блок </div> <div style="min-height:400px;"> весь оствльной контент </div> </body>

qaz_hb Topic Starter qaz_hbTopic Starter 27.9.2009, 15:35; Сообщений: 3 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 27.9.2009, 15:35; Ответить: qaz_hb Сообщение #3
0 Группа: User Сообщений: 3 Регистрация: 27.9.2009 Поблагодарили: 0 раз Репутация: 0	Таким методом получается, что размер увеличивается, но блок уезжает за верхнюю границу окна.

Apay Apay 27.9.2009, 15:44; Сообщений: 3462 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	27.9.2009, 15:44; Ответить: Apay Сообщение #4
0 Группа: User Сообщений: 3462 Регистрация: 4.2.2008 Поблагодарили: 0 раз Репутация: 0	значит - никак, абсолютное позицирование не скроллится, поэтому оно и абсолютное.

qaz_hb Topic Starter qaz_hbTopic Starter 27.9.2009, 16:11; Сообщений: 3 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 27.9.2009, 16:11; Ответить: qaz_hb Сообщение #5
0 Группа: User Сообщений: 3 Регистрация: 27.9.2009 Поблагодарили: 0 раз Репутация: 0	а может тогда есть другой сособ размещения блока в центре?

Apay

27.9.2009, 16:28; Ответить: Apay

Сообщение #6

Группа: User
Сообщений: 3462
Регистрация: 4.2.2008
Поблагодарили: 0 раз
Репутация:

(qaz_hb @ 27.9.2009, 19:11)

а может тогда есть другой сособ размещения блока в центре?

можно через javascript

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Какой % отказов нормален для сайта?	11	Aloof	2752	Сегодня, 12:48 автор: diviner99
Быстрая индексация страниц сайта и обратных ссылок - 2Index	37	2Index	6555	Вчера, 16:17 автор: 2Index
SiteAnalyzer - бесплатная программа для аудита и анализа сайта	77	Chaser	74191	9.4.2024, 11:36 автор: Chaser
Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта	0	Alex-777	765	7.4.2024, 18:05 автор: Alex-777
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п	7	stu999	1752	31.3.2024, 11:19 автор: stu999

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 16.4.2024, 18:11

Дизайн