Выровнять текст списка по вертикали

[ProGirl]

Народ, не знаю как выровнять текст списка во вертикали и горизонтали.

Надо сделать так

мой код

 <div id="footer">
        <ul id="footerDiv">
		      <li>2012 © ГУ “хххххххххххх ххххх ххххх  хххххх”</li>
		      <li>Наш адрес: ул. Хххххххххх, д 6 Контактные телефоны:  ххх-хх-хх  ххх-хх-хх</li>
		      <li>Разработка сайта: ИП Пупкин В.А.</li>
		      <li id="map">Карта сайта Прочие ссылки Etc etc etc etc etc etc И еще что-нибудь</li>
        </ul>
    </div>

и

#footer{
    height: 116px;
    margin-left: auto;
    margin-right: auto;
    width:  1000px;
}
#footer  ul {
    list-style: none outside none;
    padding-left: 0;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;

}

#footer ul li {
    color: #999;
    font-size: 1.2em;
    background-color: #fff;
    width: 250px;
    float: left;
    height: 116px;
    text-align: center;
    border-top: 1px solid #999;
    }
#footer #map {
    background: none;
 }

    background: url(../images/border_footer.png) no-repeat top right ;
}

[sigma77]

Делай таблицей.

[ProGirl]

Делай таблицей.

Я бы сделал, но таблицей нельзя, чтоб её

[sigma77]

ProGirl,

эээ... почему?

Ну, если кроссбраузерность позволяет, то еще вариант - та же таблица, но через стили - display:table и т.д.

В остальном - экстра разметка. Но если разметку менять можно, тот лучше и проще сразу сделать таблицей.

[ProGirl]

sigma77,

заказчик сказал сделать без таблиц и кросс начиная с ие 7

Будут какие идеи?

[sigma77]

sigma77,

заказчик сказал сделать без таблиц и кросс начиная с ие 7

Будут какие идеи?

1. Объяснить заказчику в чём он ошибается.

2. Вертикальное выравнивание 1

3. Вертикальное выравнивание 2

[psywalker]

Делай таблицей.

Я бы сделал, но таблицей нельзя, чтоб её

Передай заказчику, что он сам себе злобный буратино и ещё скажи, что если он совершенно ни в теме и где-то краем уха слышал, что (рэп - это кал) таблицы - это плохо, то пусть тогда успокоится, пойдёт купит себе пивка, а работу доверит тому, кто в ней разбирается.

[alexandr_v-vich]

А можно поинтересоваться. Зачем тычить таблицы, когда нужно лишь выравнивание? По-моему, если бы он (заказчик) попросил нарисовать ему матрицу там или данные какие-нибудь представить и не использовать таблицы, это было бы странно, но поставить задачу выравнивания и не использовать (для этого) таблицы разве так безумно?

Почему бы не выравнить через padding и margin?

[ProGirl]

Почему бы не выравнить через padding и margin?

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

[psywalker]

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

По рисунку увидел.

[sigma77]

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

Потому что конкретно эту задачу удобнее и целесообразнее решать через таблицы. Это наименьший геморой, в т.ч. и для заказчика.

Почему бы не выравнить через padding и margin?

Потому, что если в какой-либо из колонок количество строк текста, его размер, межстрочный интервал, высота футера изменятся, то всё твоё выравнивание полетит нафиг.

[alexandr_v-vich]

Почему бы не выравнить через padding и margin?

Потому, что если в какой-либо из колонок количество строк текста, его размер, межстрочный интервал, высота футера изменятся, то всё твоё выравнивание полетит нафиг.

Да не, я думал типа положительный padding и отрицательный margin. Но совсем вылетело из головы, что они считают от ширины же… да таблицы менее геморойней))

[kidar2]

Тут довольно интересные способы собраны http://learn.javascript.ru/css-center