Буквица в опере

[Faran]

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

.whatdo {
	margin-top:-7px;
	color:#900;
	font-weight:bold;
	text-indent:0;
}
p
{
	margin-bottom: 1.5em;
	line-height: 1.6em;
	text-indent:1em;
	font-size:14px;
}

.bukv {
  font-size:50px; /* Задание размера шрифта буквицы */
  color:#900; /* Задание цвета буквицы */
  font-weight:bold;
  float:left; /* Задание обтекания буквицы */
  height:34px;
  line-height:35px; /* Задание положения буквицы */
  margin-top:7px; /* Задание отступов буквицы */
  margin-right:1px;
  text-indent:0;
  }

<p class="whatdo"><span class="bukv">Ч</span>то получается?: Текст в файрфоксе нормально, а в опрере глючит опрере глючит опрере глючит опрере глючит опрере глючит опрере глючит опрере глючит опрере глючит опрере глючит. </p> 

Edited April 20, 2010 by Faran

[Searcher]

А зачем вот это: margin-top:-7px ? Опера не любит отрицательных маргинов.

[sigma77]

Faran,

Кстати, а чем псевдоэлемент :first-letter не угодил, как раз для таких целей и предназначенный?

Как сделать буквицу

[Mavrun]

Согласен с сигмой.

http://www.htmlbook.ru/css/first-letter.html

[Faran]

он в ослике тупит( хотя в 6 версии даже этот вариант страшно глючный, не могу исправить(

[ShumNo]

он в ослике тупит( хотя в 6 версии даже этот вариант страшно глючный, не могу исправить(

Ну и пускай тупит это проблемы ослов и тех кто им пользуется

[Faran]

Отчасти это и моя проблема, по возможности подскажите пожалуйста

[PoshtarBoba]

поставь лайнхейдж абзацу в пикселях:

line-height: 23px;

теперь и в опере, и в файрфоксе буква "Ч" на 1 пиксель выше остального текста.

поставь 22px - и получишь то, что есть у тебя - в опере в ровень "поколодник", а в фф - выступает. Можно сделать вывод, что браузеры по-разному переводят ем в пиксели.

С похожей проблемой столкнулся, когда пытался выровнять блок по центру margin:0 auto; у блока была ширина в нечётное кол-во пикселей. Опера пол-пикселя превращала в полный пиксель и у меня на этот пиксель "не играли" верт. линии рисунка.