[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Посередине экрана
Форум PHP программистов > Дизайн и верстка
Gandjubas
19.02.2007 - 10:29
Проблема такая:
При нажатии на ссылку, кнопку делаю слой видимым и делаю его посередине окна. Всё нормально только до тех пор пока не появляется полоса прокрутки. Этот ДИВ появляется на старом месте. То есть кнопка уходит вниз под влиянием большого контента страницы. И при нажатии на кнопу я не вижу ДИВа, поскольку он остался сверху.
стиль такой

div.pos_cent
{
position: absolute;
width: 30%;
left: 35%;
top: 45%;
}

Как сделать так, чтобы он появлялся всегда посередине окна браузера, а не посередине страницы.



Спустя 18 дней, 3 часа, 32 минуты, 27 секунд (7.03.2007 - 13:02) Gandjubas написал(а):
Так что???!!!
Никто и никак не может мне помочь?!!!
Совсем плохо дело:(
:dumau:

Спустя 28 минут, 7 секунд (7.03.2007 - 13:30) levis написал(а):
Попробуй указать положение не в процентах а в center,left итд

Спустя 2 минуты, 31 секунда (7.03.2007 - 13:33) Leningrad00 написал(а):
Сказать, что понял, не могу.
Цитата
чтобы он появлялся всегда посередине окна браузера, а не посередине страницы

1. Прописать top в пикселях. С определенной осечкой попадешь в середину.
2. Выяснить разрешение монитора и прописать top в пикселях с большей вероятностью попасть в середину.

Спустя 1 час, 1 минута, 40 секунд (7.03.2007 - 14:34) levis написал(а):
О имеет вииду чтобы див был посеридине даже если юзер скрол крутит,а не об оптимизации под разные разрешения

Спустя 3 минуты, 58 секунд (7.03.2007 - 14:38) Gandjubas написал(а):
Цитата(Leningrad00 @ 7.3.2007, 10:33) [snapback]15292[/snapback]

Сказать, что понял, не могу.
Цитата
чтобы он появлялся всегда посередине окна браузера, а не посередине страницы

1. Прописать top в пикселях. С определенной осечкой попадешь в середину.
2. Выяснить разрешение монитора и прописать top в пикселях с большей вероятностью попасть в середину.

Окно браузера показывает, в общем случае, часть страницы. Поскольку вся страница по высоте не помещается в окне браузера.

Про top не понял - приведи пример

Цитата(levis @ 7.3.2007, 10:30) [snapback]15291[/snapback]

Попробуй указать положение не в процентах а в center,left итд

Вообще не соображу как это blink.gif

Спустя 9 минут, 31 секунда (7.03.2007 - 14:48) Leningrad00 написал(а):
Цитата
чтобы див был посеридине даже если юзер скрол крутит

А чего бы не сходить куда-нить, где реклама маячит по центру, пока не ткнешь на нее?

Спустя 28 минут, 19 секунд (7.03.2007 - 15:16) md5 написал(а):
Gandjubas, смотри тут:
http://htmlbook.ru/content/?id=95

Спустя 1 час, 2 минуты, 18 секунд (7.03.2007 - 16:18) Gandjubas написал(а):
Цитата(Leningrad00 @ 7.3.2007, 11:48) [snapback]15300[/snapback]

Цитата
чтобы див был посеридине даже если юзер скрол крутит

А чего бы не сходить куда-нить, где реклама маячит по центру, пока не ткнешь на нее?

Вот за что я не люблю Джаву, так это за то, что никто не пишет человеческий код Или просто синтаксис не позволяет!
Там же ничего не поймёшь!

Цитата(md5 @ 7.3.2007, 12:16) [snapback]15307[/snapback]

Gandjubas, смотри тут:
http://htmlbook.ru/content/?id=95

За ссылку спасибо!

Спустя 1 день, 16 часов, 39 минут, 34 секунды (9.03.2007 - 08:58) Gandjubas написал(а):
Всё равно не получается!
:(

Спустя 58 минут, 42 секунды (9.03.2007 - 09:57) md5 написал(а):
ты по ссылке ходил?
там вроде все понятно...

Спустя 2 часа, 13 минут, 22 секунды (9.03.2007 - 12:10) Patrick написал(а):
Тут JS надо!
window.setInterval("my_scroll)1);

my_scroll - изменяет top у div'a

Спустя 42 секунды (9.03.2007 - 12:11) Gandjubas написал(а):
Цитата(md5 @ 9.3.2007, 6:57) [snapback]15402[/snapback]

ты по ссылке ходил?
там вроде все понятно...

Да. По ссылке ходил.
Всё понятно. Может я нюансы какие-то пропустил.

Есть ещё один факт.
Пмню была страничка одна и у неё сверху меню было.
И когда прокручиваешь страницу, меню оставалось сверху, то есть его всегда было видно. Оно прокручивалось сместе со страницей. Когда я проверял его на работоспособность в разных браузерах - оно работало не во всех.
В этом тоже, наверное, собака зарыта.

А ещё ссылочек можете кинуть? Я на выходных хорошенько посижу и подумкаю.

Спустя 10 минут, 45 секунд (9.03.2007 - 12:21) md5 написал(а):
Цитата
И когда прокручиваешь страницу, меню оставалось сверху, то есть его всегда было видно.

div
position: fixed;
помойму

Спустя 7 часов, 18 минут, 47 секунд (9.03.2007 - 19:40) Timok написал(а):
Цитата(Gandjubas)
Когда я проверял его на работоспособность в разных браузерах - оно работало не во всех.
В этом тоже, наверное, собака зарыта.
собака по всей видимости зарыта в мозгах разработчиков IE
Цитата(md5)
div
position: fixed;
помойму
- мой "любимый" браузер не понимает значения fixed (он вообще много чего не понимает...)

без хаков не обойтись http://imfo.ru/csstest/fixed/fixed.htm

Спустя 10 часов, 2 минуты, 34 секунды (10.03.2007 - 05:43) welder написал(а):
Попробуй этот код:

HTML
  1.  
  4. 	<title></title>
  5. 	<script language="javascript" type="text/javascript">
  6. 	<!--
  7. 		function alignCenter(id)
  8. 		{
  9. 			var obj = document.getElementById(id);
  10. 			obj.style.top = document.body.scrollTop + document.body.clientHeight - obj.offsetHeight;
  11. 		}
  12. 	//-->
  13. 	</script>
  14. <style type="text/css">
  15. #centerLayer {
  16.  position: absolute; 
  17.  width: 40%;
  18.  height: 30%;
  19.  left: 50%; 
  20.  top: 50%;
  21.  margin-left: -20%;
  22.  margin-top: -30%; 
  23. background-color:#000;
  24. }
  25. </style>
  26.  
  27. </head>
  28.  
  29. <body on load ="alignCenter('centerLayer');" onscroll="alignCenter('centerLayer');">
  30. 	<div id="centerLayer" ></div>
  31. </body>
  32.  
  33. </html>
  34.  


проверял в опере и файрфоксе проверить в IE пока нет возможности.

Спустя 6 часов, 46 минут, 19 секунд (10.03.2007 - 12:29) Timok написал(а):
в опере глючит немного, но в ie и ff работает

Спустя 1 день, 10 часов, 2 минуты, 29 секунд (11.03.2007 - 22:32) welder написал(а):
Искал тут тварищу выпадающее меню наткнулся на сайт http://www.dynamicdrive.com/ ... поковыряйся много чего найдеш !! там в разделе меню я точно видел очень много скриптов с позиционирование по середине

Спустя 1 день, 12 часов, 37 минут, 50 секунд (13.03.2007 - 11:09) Gandjubas написал(а):
Цитата(welder @ 11.3.2007, 19:32) [snapback]15682[/snapback]

Искал тут тварищу выпадающее меню наткнулся на сайт http://www.dynamicdrive.com/ ... поковыряйся много чего найдеш !! там в разделе меню я точно видел очень много скриптов с позиционирование по середине

Мегассылочка!!!
Спасибо.
Уже ковыряюсть smile.gif

Спустя 27 минут, 21 секунда (13.03.2007 - 11:37) AlexBB написал(а):
Цитата(welder @ 11.3.2007, 22:32) [snapback]15682[/snapback]
Искал тут тварищу выпадающее меню


Я писал выпадающее меню многоуровневое ... вроде достаточно неплохо отладил под разные браузеры. Если надо могу поделится.

Спустя 1 час, 31 минута, 8 секунд (13.03.2007 - 13:08) welder написал(а):
Цитата
Я писал выпадающее меню многоуровневое ... вроде достаточно неплохо отладил под разные браузеры. Если надо могу поделится.



Спасибо я вроде нашол решение уже.. и даже у себя его тут применил =))

Спустя 3 часа, 7 минут, 5 секунд (13.03.2007 - 16:15) Gandjubas написал(а):
Цитата(welder @ 13.3.2007, 10:08) [snapback]15854[/snapback]

Спасибо я вроде нашол решение уже.. и даже у себя его тут применил =))

А чё на таком весёлом сайте такой невесёлый фон?

Спустя 2 часа, 7 минут, 4 секунды (13.03.2007 - 18:22) welder написал(а):
Цитата
А чё на таком весёлом сайте такой невесёлый фон?


А откуда ты взял что он весёлый ?? я просто пока заказчик материал не дал отсебятину пишу =)

Спустя 1 день, 14 часов, 12 минут, 47 секунд (15.03.2007 - 08:35) Gandjubas написал(а):
Цитата(welder @ 13.3.2007, 15:22) [snapback]15916[/snapback]

А откуда ты взял что он весёлый ?? я просто пока заказчик материал не дал отсебятину пишу =)

Ты монстр.
Так быстро делать сайт, что заказчик не успевает наполнение придумать.

Спустя 6 часов, 28 минут, 56 секунд (15.03.2007 - 15:04) php_maestro написал(а):
Самый неподетский способ, если страница разбита на три столбца, короче блоковая. Будет плюсом то, центральная чать сжимается - подойдет как раз для текста со вставленными картинками. Прямо создайте HTML файл, вставьте это и сразу увидите. И не надо, как говорится никаких таблиц! smile.gif

Код
<style>
    div
    {
        border: 1px solid #ccc;
    }
</style>
<div
    id=center_layer
    style=
    "
        position:    absolute;
        left:        200px;
        right:        200px;
        top:        100px;
        height:        200px;
    "
>
Контент
</div>
<div
    id=left_layer
    style=
    "
        position:    absolute;
        left:        10px;
        top:        100px;
        width:        180px;
        height:        300px;
    "
>
Левое меню
</div>
<div
    id=right_layer
    style=
    "
        position:    absolute;
        right:        10px;
        top:        100px;
        width:        180px;
        height:        300px;
    "
>
Правое меню
</div>



_____________
Быстрый ответ:
Powered by dgreen

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.