|
по разному отображается в ie и mozillaОбсуждение темы по разному отображается в ie и mozilla в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Всем привет, подскажите что не так, а то всю голову сломал. Не могу выровнять по вертикали надписи в разных ячейках таблицы. Надо их ... |
|
Опции темы |
22.03.2008, 20:50 | #1 |
|
Всем привет, подскажите что не так, а то всю голову сломал. Не могу выровнять по вертикали надписи в разных ячейках таблицы. Надо их прировнять по синей линии. В 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> 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} Последний раз редактировалось Николай; 22.03.2008 в 20:56.. |
|
23.03.2008, 18:42 | #2 |
|
Могу дать примитивый совет -- во вторую ячейку добавьте еще один абзац, состоящий из двух пустых строк перед вашим текстом.
|
|
23.03.2008, 19:48 | #3 |
|
замени все p на div + поставь margin-bottom для блока с тел-факс (для отступа)
И будет тебе счастье |
|
24.03.2008, 00:13 | #4 |
|
Спасибо я уже понял что стили здесь не причем, просто пара лишних тэгов. ie пофиг на ошибки кода, а мозиле нет=)
|
|
24.03.2008, 13:04 | #5 |
|
|
|
24.03.2008, 13:11 | #6 |
|
насколько я понял, p вычисляет дополнительный margin для абзаца, исходя из line-height (который различен для разных p (в этом примере)).
Но реально говоря - просто сделал методом тыка (как сам обычно делаю) |
|
24.03.2008, 13:14 | #7 |
|
Можно у <p> поставить нулевые отступы, как у div по-умолчанию.
|
|
24.03.2008, 13:29 | #8 |
|
проверял?
Я просто изменил на div и забил, увидев, что всё ок |
|
Опции темы | |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Одно и то же изображение выглядит по разному | Scroll | Растровая графика | 1 | 29.09.2011 14:04 |
По-разному отображаются ссылки! | GLUK | HTML, CSS, JavaScript | 6 | 29.01.2008 16:57 |
IE, Mozilla, Opera - слайдшоу | Aldes | Технологии Flash | 2 | 05.10.2006 21:59 |
Не могу удалить куки из Mozilla | Денисон | ASP, Perl, PHP и MySQL | 2 | 15.05.2006 12:05 |
Help! Сайт отображается по разному..... | AJCash | HTML, CSS, JavaScript | 10 | 20.01.2006 14:58 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|