Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: DIV посередине экрана
 
 автор: himic   (02.10.2009 в 14:38)   письмо автору
 
 

Искал в темах, подходящего ничего не нашёл.
Хочу див посреди экрана с заданными размерами
поверх всего остального.

с расчётами разберусь.
Заранее спасибо!

  Ответить  
 
 автор: himic   (02.10.2009 в 14:58)   письмо автору
 
   для: himic   (02.10.2009 в 14:38)
 

тема закрыта

<div style="position:absolute; left: 551px; top: 38px; border: 1px solid #000; padding: 5px;">Приве!</div>

  Ответить  
 
 автор: cheops   (02.10.2009 в 15:07)   письмо автору
 
   для: himic   (02.10.2009 в 14:58)
 

Это далеко не по середине - попробуйте изменить размер окна.

  Ответить  
 
 автор: himic   (02.10.2009 в 15:59)   письмо автору
 
   для: cheops   (02.10.2009 в 15:07)
 

Да это я та,к для примера, как всегда.
Теперь вот новая задача.

Пытаюсь выставить координаты для дива. В опере работает а экспе нет (((
Вопрос такой, как узнать координаты scrollBar, чтобы работало и в опере и экспе

Сейчас так:

// ypos=event.y+document.body.scrollTop;
// xpos=event.x+document.body.scrollLeft; 

 ypos=event.y+window.scrollY; 
 xpos=event.x+window.scrollX; 

 document.getElementById('edit_terminal').style.top=ypos;
 document.getElementById('edit_terminal').style.left=xpos;

  Ответить  
 
 автор: mihdan   (03.10.2009 в 10:25)   письмо автору
 
   для: himic   (02.10.2009 в 14:38)
 

Если известны размеры

DIV#center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 150px;
    margin: -150px auto auto -75px;
}

  Ответить  
 
 автор: flaers   (03.10.2009 в 13:54)   письмо автору
 
   для: mihdan   (03.10.2009 в 10:25)
 

и желательно ещё добавить
z-index: 100;


можно еще реализовать так :
<center>
<div style="text-align:left;">
текст текст
</div>
</center>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования