Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Помогите отцентрировать <div> по горизонтали.

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

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

( Вход · Регистрация · Правила форума )

Забыли пароль?

Помогите отцентрировать <div> по горизонтали.

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

luser78	Отправлено: 07 Февраля, 2010 - 15:12:49
Новичок Покинул форум Сообщений всего: 34 Дата рег-ции: Янв. 2010 Помог: 0 раз(а)	Мой вариант не работает, <div style="clear:left;width:800px" align="center"> Помогите отцентрировать <div> по горизонтали. (Отредактировано автором: 07 Февраля, 2010 - 15:13:27)

SAD	Отправлено: 07 Февраля, 2010 - 15:14:42
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	left:50%

luser78	Отправлено: 07 Февраля, 2010 - 15:17:04
Новичок Покинул форум Сообщений всего: 34 Дата рег-ции: Янв. 2010 Помог: 0 раз(а)	Спасибо. Вот получено решение для почти всех браузеров : <div style="text-align: center;"> <div style="width: 50%; margin-left: auto; margin-right: auto; "> </div> </div>

Hunter	Отправлено: 07 Февраля, 2010 - 15:36:13
Частый гость Покинул форум Сообщений всего: 214 Дата рег-ции: Дек. 2009 Откуда: Блага Помог: 0 раз(а)	luser78 пишет: Вот получено решение для почти всех браузеров : убираем слово "почти" и делаем такую функцию : CODE (javascript): скопировать код в буфер обмена function positionMessage(elem) { elem.style.position = 'absolute' var scroll = document.documentElement.scrollTop \|\| document.body.scrollTop elem.style.top = scroll + 200 + 'px' elem.style.left = Math.floor(document.body.clientWidth/2) - 150 + 'px' } тут элемент elem - ваш див, допустим шириной 300 пикселов, который естественно необходимо предварительно получить в виде элемента DOM вашей страницы. вторая строка функции оставляет элемент в нужной нам позиции при прокрутке, если это лишнее то просто уберите. Третья строка как раз размещает элемент в середине страницы в независимости от того в полноэкранном виде пользователь смотрит страницу или нет... вообще та эта функция для альтернативного алерта))) но так как я не знаю всех нюансов вашей задачи , у меня работает во всех браузерах

V1T	Отправлено: 19 Февраля, 2010 - 19:28:25
Гость Покинул форум Сообщений всего: 73 Дата рег-ции: Февр. 2009 Помог: 0 раз(а)	luser78 самый простой вариант это назначить блоку фиксированную ширину и margin:0 auto; В любом случае такие вещи на js делать не стоит. Это не рационально.... (Отредактировано автором: 19 Февраля, 2010 - 19:33:39)

JustUserR	Отправлено: 19 Февраля, 2010 - 20:56:59
Активный участник Покинул форум Сообщений всего: 8715 Дата рег-ции: Июнь 2009 Помог: 17 раз(а)	V1T пишет: В любом случае такие вещи на js делать не стоит. Это не рационально.... Хм но можно использовать expression и с помощью него и свойств типа currentWidth выбирать отступ - а также соответственно отступы по прокрутке ----- Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.