Показано с 1 по 12 из 12

Тема: Позицирование элемента по центру страницы

  1. #1

    Регистрация
    12.04.2004
    Адрес
    Екатеринбург
    Сообщений
    84

    Смущение

    У меня есть элемент, который должен центрироваться по вертикали. Всё бы хорошо, и можно было бы использовать таблицу с высотой 100%, но XHTML на это пох! Пробовал слой с line-height: 100% — тоже не работает.

    Как мне решить эту задачу?

    P. S. Поискал, вроде тема ещё поднималась. А может плохо искал? Ну да ладно, уже спросил.

  2. #2

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    Поподробнее, что ты хочешь сделать? Слой по центру странички? Или слой по центру какого то слоя?

  3. #3

    Регистрация
    12.04.2004
    Адрес
    Екатеринбург
    Сообщений
    84
    Слой (вернее таблица, но это не важно) по центру страницы.

  4. #4

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359

    Хорошо

    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    ****<title>всё для тебя...</title>
     *<m2eta http-equiv="refresh" content="0; url=http://webarts.ru/">
     *
     *<style type="text/css">
     *<!--
     *div {
     *****position: absolute;
     *top: 50%; left: 50%;
     */* позиционируем левый верхний угол блока строго по центру */
     *
     *margin: -150px 0 0 -150px;
     */* и ещё рас позиционируем блок относительно того центра */
     *
     *width: 300px;
     *height: 300px; /* или line-height: 300px;, если нада и по центру панельки...*/
     *
     *text-align: center;
     *background: blue;
     *color: #fff;
     *}
     *-->
     *</style>
    </head>
    <body>
    
    <div>панелька :)</div>
    
    </body>
    </html>

  5. #5

    Регистрация
    12.04.2004
    Адрес
    Екатеринбург
    Сообщений
    84
    Один момент: высота блока непостоянна для разных страниц.

  6. #6

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    Можно попробовать использовать javascript... или таблицы

  7. #7

    Регистрация
    12.04.2004
    Адрес
    Екатеринбург
    Сообщений
    84
    Как использовать для этого таблицы?

  8. #8

    Регистрация
    12.04.2004
    Адрес
    Екатеринбург
    Сообщений
    84
    Кто-нибудь!!! :cry:

  9. #9

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    Берешь таблицу, даёшь ей высоту 100% ширину 100%, в таблице только 1 ячейка.

    Этой ячейке даёшь valign="middle" или как там ещё, в ячейку вставляешь то, что надо сделать по центру экрана.

  10. #10

    Регистрация
    12.04.2004
    Адрес
    Екатеринбург
    Сообщений
    84
    agat, в XHTML у таблицы нет параметра "высота"

  11. #11

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    Ну, тогда никак

  12. #12

    Регистрация
    12.04.2004
    Адрес
    Екатеринбург
    Сообщений
    84
    ОТ безысходности сделал блоку постоянную высоту :cry:

Похожие темы

  1. размер минимального лакируемого элемента
    от Redjuice в разделе Печать и препресс
    Ответов: 1
    Последнее сообщение: 07.12.2010, 19:55
  2. Ответов: 10
    Последнее сообщение: 04.06.2010, 23:54
  3. Определение положения элемента на странице
    от Garret в разделе Веб-программирование
    Ответов: 0
    Последнее сообщение: 21.03.2007, 14:42
  4. Таблица по центру
    от Aykroyd в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 04.01.2007, 20:03
  5. И как же по центру повесить!
    от Xela в разделе Вёрстка сайта
    Ответов: 5
    Последнее сообщение: 09.12.2005, 13:05

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •