[Николай]

Всем привет, подскажите что не так, а то всю голову сломал. Не могу выровнять по вертикали надписи в разных ячейках таблицы. Надо их прировнять по синей линии. В ie и opera всё ровно, а в Mozilla выглядит всё вот так. Помогите советом начинающему webдизайнеру буду очень признателен.

kontakti.gif

код:

<td height="90" valign="bottom">

<p align="right" class="kontaktitel">
<span class="kontaktitext"><strong>тел./факс:</strong></span>
8 (49624) 6-14-48<br>
8 (909) 970-32-08</p>
<p align="right" class="kontakti2">
<strong>e-mail:<a href="mailto:[email protected]" class="mail">[email protected]</a></strong></p>
</td>

<td height="90" valign="bottom">
<p align="left" ><a href="http://www.97770.ru/" class="tehnologia_razvitia">
<span class="стиль1">[ </span>Технологии<span class="стиль1"> развития ]</span> &nbsp;&nbsp;08</a></p>
</td>



css:

.kontaktitel {
font-family: Verdana;
font-size: 7pt;
line-height: 14px;
}
.kontaktitext {
font-family: Verdana;
font-size: 7pt;
color: #666666;
line-height: 14px;
}
.kontakti2 {
font-family: Verdana;
font-size: 10px;
}
a.mail:link {
color: #000000;
text-decoration: none;
font-family: Verdana;
font-size: 8pt;
}
a.mail:visited {
color: #000000;
text-decoration: none;
font-family: Verdana;
font-size: 8pt;
}
a.mail:hover {
color: #000000;
text-decoration: underline;
font-family: Verdana;
font-size: 8pt;
}
a.mail:active {
text-decoration: none;
font-size: 8pt;
font-family: Verdana;
}
a.tehnologia_razvitia:link {
color: #000000;
text-decoration: none;
font-family: Verdana;
font-size: 7pt;
font-weight:600;
}
a.tehnologia_razvitia:visited {
font-family: Verdana;
color: #000000;
text-decoration: none;
font-size: 7pt;
font-weight:600;
}
a.tehnologia_razvitia:hover {
text-decoration: underline;
font-size: 7pt;
font-family: Verdana;
color: #000000;
font-weight:600;
}
a.tehnologia_razvitia:active {
text-decoration: none;
font-size: 7pt;
font-family: Verdana;
font-weight:600;
}
.стиль1 {color: #FF0000}

[kost]

Могу дать примитивый совет -- во вторую ячейку добавьте еще один абзац, состоящий из двух пустых строк перед вашим текстом.

[Асмодиан]

замени все p на div + поставь margin-bottom для блока с тел-факс (для отступа)
И будет тебе счастье

[Николай]

Спасибо я уже понял что стили здесь не причем, просто пара лишних тэгов. ie пофиг на ошибки кода, а мозиле нет=)

[kost]

Сообщение от Makarenya

замени все p на div

В чем смысл такого действа?

[Асмодиан]

насколько я понял, p вычисляет дополнительный margin для абзаца, исходя из line-height (который различен для разных p (в этом примере)).
Но реально говоря - просто сделал методом тыка (как сам обычно делаю)

[kost]

Можно у <p> поставить нулевые отступы, как у div по-умолчанию.

[Асмодиан]

проверял?
Я просто изменил на div и забил, увидев, что всё ок