вопрос
Доброго времени суток.
Меняю стандартный вид персональной страницы на свой. Всё подготовил, сделал таблицу, разделенную на три ряда.
В первую вставляю NoAvatar, во вторую информацию о пользователе и в третью тоже.
Последние два столбца стоят ровно, но как только в первом столбике появляется картинка, у меня вся таблица уходит вниз.
Код таблицы:
Непосредственно, сам CSS:
Как исправить?
Пробовал привязать к NoAvatar класс и насильно выровнять, относительно столбиков, но, как оказалось, кое-где всё равно криво (в Chrome норм, в Opere опускается чуть ниже)
Помогите решить данный вопрос. Заранее спасибо, с Уважением Дмитрий!
Меняю стандартный вид персональной страницы на свой. Всё подготовил, сделал таблицу, разделенную на три ряда.
В первую вставляю NoAvatar, во вторую информацию о пользователе и в третью тоже.
Последние два столбца стоят ровно, но как только в первом столбике появляется картинка, у меня вся таблица уходит вниз.
Код таблицы:
[code]<div class="ppBlock">
<div class="ppLeft"><img src="{foto}" alt="" class="noavatar_pp"/></div>
<div class="ppMiddle">
<ul class="personal_p"><li><font color="#8e8e8e">Полное имя:</font> {fullname}[not-fullname]Не заполнено[/not-fullname]</li>
<li><font color="#8e8e8e">Нахожусь в клане:</font> [xfvalue_clan][xfnotgiven_clan]Не заполнено[/xfnotgiven_clan] </li>
<li><font color="#8e8e8e">Skype:</font> [xfvalue_skype][xfnotgiven_skype]Не заполнено[/xfnotgiven_skype]</li>
<li><font color="#8e8e8e">E-Mail адрес:</font> [ {email} ] [not-group=5][ {pm} ][/not-group]</li></ul>
</div>
<div class="ppRight"><ul class="personal_p">
<li><font color="#8e8e8e">Количество сообщений на форуме:</font> {forum_post}</li>
<li><font color="#8e8e8e">Количество публикаций:</font> [news-num]{news-num} <a href="/user/{usertitle}/news/">[ просмотреть]</a>[/news-num][not-news-num]Нету доступа[/not-news-num]</li>
<li><font color="#8e8e8e">Дата регистрации:</font> {registration}</li>
<li><font color="#8e8e8e">Последнее посещение:</font> {lastdate}</li>
</ul></div>
</div>
Непосредственно, сам CSS:
.ppBlock{width:100%;display:table;}[/code]
.ppLeft,.ppMiddle,.ppRight{display: table-cell !important;display: inline;}
.ppLeft{width:5%;}
.ppMiddle{width:11%;}
.ppRight{width:16%;}
Как исправить?
Пробовал привязать к NoAvatar класс и насильно выровнять, относительно столбиков, но, как оказалось, кое-где всё равно криво (в Chrome норм, в Opere опускается чуть ниже)
.noavatar_pp{border:6px solid #212121;position:absolute;margin-left:8px;}
Помогите решить данный вопрос. Заранее спасибо, с Уважением Дмитрий!