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



 

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

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

Открыть тему
Тема закрыта
> изменение разрешения сайта, при выравнивании по центру по вертикали и горизонтали
qaz_hb
qaz_hb
Topic Starter сообщение 27.9.2009, 13:53; Ответить: qaz_hb
Сообщение #1


воспользовался таким способом:
<!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
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 27.9.2009, 14:24; Ответить: Apay
Сообщение #2


примерно так:
<body>
<div id="CenterBlock">
Я отцентрированный блок
</div>
<div style="min-height:400px;">
весь оствльной контент
</div>
</body>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
qaz_hb
qaz_hb
Topic Starter сообщение 27.9.2009, 15:35; Ответить: qaz_hb
Сообщение #3


Таким методом получается, что размер увеличивается, но блок уезжает за верхнюю границу окна.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 27.9.2009, 15:44; Ответить: Apay
Сообщение #4


значит - никак, абсолютное позицирование не скроллится, поэтому оно и абсолютное.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
qaz_hb
qaz_hb
Topic Starter сообщение 27.9.2009, 16:11; Ответить: qaz_hb
Сообщение #5


а может тогда есть другой сособ размещения блока в центре?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 27.9.2009, 16:28; Ответить: Apay
Сообщение #6


(qaz_hb @ 27.9.2009, 19:11) *
а может тогда есть другой сособ размещения блока в центре?
можно через javascript

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Продвижение молодого сайта
30 maxmer 6367 26.3.2024, 21:49
автор: c4p1t4l15t
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1354 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
10 Aloof 2544 24.3.2024, 21:45
автор: Liudmila
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
32 2Index 5828 18.3.2024, 16:33
автор: 2Index


 



RSS Текстовая версия Сейчас: 29.3.2024, 0:43
Дизайн