За последние 24 часа нас посетил 17631 программист и 1721 робот. Сейчас ищут 1940 программистов ...

css: как центр по вертикали центрировать?

Тема в разделе "HTML и CSS", создана пользователем Danilevsky, 25 авг 2006.

  1. Danilevsky

    Danilevsky Активный пользователь

    С нами с:
    12 фев 2006
    Сообщения:
    286
    Симпатии:
    0
    Адрес:
    Киев
    Код (Text):
    1. #sloi {
    2.     position:absolute;
    3.     top:10px;
    4.     width:100px;
    5.     height:50px;
    6.     background-color:red;
    7. }
    Есть текст: "Вася". Как его по вертикали центрировать?
    Пробовал ставить line-height равное высоте контейнера - подошло, но не работает когда в тексте больше одной строки. vertical-align чето не пашет. возможно не правильно применяю. Так как текст центрировать?
     
  2. Davil

    Davil Guest

    Попробуй position:absolute убрать и vertical-align.
     
  3. Danilevsky

    Danilevsky Активный пользователь

    С нами с:
    12 фев 2006
    Сообщения:
    286
    Симпатии:
    0
    Адрес:
    Киев
    Davil не помогло
     
  4. Davil

    Davil Guest

    Жаль... Тогда только margin-top и top.

    vertical-align работает только в inline-селекторах, тегах, которые не окружены пробелами. Например тэги <a>,<img>,<b>,<i>. С его помощью можно определить положение элемента в строке по отношению к окружающему тексту.
     
  5. Danilevsky

    Danilevsky Активный пользователь

    С нами с:
    12 фев 2006
    Сообщения:
    286
    Симпатии:
    0
    Адрес:
    Киев
    Davil спасибо. буду че-то думать
     
  6. X-Cray

    X-Cray Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    255
    Симпатии:
    0
    Адрес:
    Москва
    а как же <td> ? :oops: :lol:

    вертикальное центрирование в слое у меня тоже не получалось, вылез из проблемы, вписав в слой таблицу с <td style='vertical-align:middle'>

    Таблица, естесственно, имеет cellpadding=0 cellspacing=0. а width и height равны тем, какие указаны в стиле слоя.
     
  7. HarPy

    HarPy Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    59
    Симпатии:
    0
    Адрес:
    Новый Уренгой
    <td valign=center align=center>...</td>
    Проверял все работает, код такой
    <html>
    <body></body>
    <table border=1 width=100%>
    <tr>
    <td valign=center align=center>&nbsp;<br><br><br><br><br><br><br><br><br><br></td>
    <td valign=center align=center>...</td>
    <td valign=center align=center>...</td>
    </tr>
    </table>
    </html>
     
  8. Danilevsky

    Danilevsky Активный пользователь

    С нами с:
    12 фев 2006
    Сообщения:
    286
    Симпатии:
    0
    Адрес:
    Киев
    HarPy это не CSS
     
  9. Петр

    Петр Активный пользователь

    С нами с:
    20 мар 2006
    Сообщения:
    1.253
    Симпатии:
    0
    Адрес:
    Центр Вселенной
    По-моему vertical-align только для td работает.
    Для div это бесполезно.
     
  10. HarPy

    HarPy Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    59
    Симпатии:
    0
    Адрес:
    Новый Уренгой
    прошу прощения я не совсем понял суть вопроса.
    а для чего тебе в ЦСС выравнивание - я по сути вообще не люблю ЦСС.
    а вообще если для слоя применить нада создать слой и разместить в ней таблицу на всю ширину, с координатой по икс=0
     
  11. Ti

    Ti Активный пользователь

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    CSS не для любви придуман ;)
     
  12. HarPy

    HarPy Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    59
    Симпатии:
    0
    Адрес:
    Новый Уренгой
    Оч. умно!