Непонятки с размером шрифта

[flider]

Добрый день!

Не подскажет ли многоуважаемый all. Имеем следующую конструкцию на странице:

<table><tr><td>
 <p>
 <div style="text-align: justify; font-size: 8px">
  <img src="http"> текст1<br> 
  <p><img src="http"> текст2<br> 
  <p><img src="http"> текст3<br> 
  <p> текст4<br> <p>
 </div>
<p> <p>
</table>

Кто бы объяснил, почему текст1 выводится шрифтом в 6 px, а остальные тексты как положено 8 px? Уже вся голова сломана, а толку нет :-(( Причем такая фишка проявляется в Эксплорере и ФайрФоксе, Опера показывает нормально.

Гран мерси.

[Nekromancer]

http://jsfiddle.net/dFmuq/ - Fx 9.0.1 - полёт нормальный.

Ставьте доктайп и закрывайте теги таблиц.

[flider]

http://jsfiddle.net/dFmuq/ - Fx 9.0.1 - полёт нормальный.

Ставьте доктайп и закрывайте теги таблиц.

Доктайп на странице имеется, это же кусок кода, а не вся страница. Закрытие тэгов таблицы рояля не играет, увы :-(

Собственно вот ссылка на трабл - http://forestforum.ru/peatfires.php

Под картой условные обозначения - первое обозначение мельче остальных.

Edited January 16, 2012 by flider

[Nekromancer]

Потому, что только тот текст вы обернули в:

<span style="text-align: justify; font-size: 8px">

У остальных пунктов размер где то 10 пикселей.

Ну а если езё точнее, то - font-size: 1.1em;

[SelenIT]

<p>

<div style="text-align: justify; font-size: 8px">

Не делайте пустой абзац ради отступа, лучше ставьте margin для div. Надеюсь, вы не рассчитываете, что в результате такой конструкции div у вас окажется внутри абзаца? )

[flider]

Потому, что только тот текст вы обернули в:

<span style="text-align: justify; font-size: 8px">

У остальных пунктов размер где то 10 пикселей.

Ну а если езё точнее, то - font-size: 1.1em;

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

[Nekromancer]

Потому, что только тот текст вы обернули в:

<span style="text-align: justify; font-size: 8px">

У остальных пунктов размер где то 10 пикселей.

Ну а если езё точнее, то - font-size: 1.1em;

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

В общем, как вам тонко намекнули выше, у вас неправильный код, где вы не закрываете не один тег p, из-за этого получается бардак. Как раз тот о котором и говорит SelenIT. По этому просто пойди почитайте спецификацию.

А то, как я вам сказал, так понимает браузер ваш код.

[flider]

<p>

<div style="text-align: justify; font-size: 8px">

Не делайте пустой абзац ради отступа, лучше ставьте margin для div. Надеюсь, вы не рассчитываете, что в результате такой конструкции div у вас окажется внутри абзаца? )

К сожалению, абзацы генерятся автоматически, на основе написанного юзером текста, который хранится в базе в своеобразной форме.

Эээ, смысл комментария бледным цветом, увы, ускользает от моего сознания. Если не трудно, можно чуть развернуть мысль? Спасибо.

[sigma77]

flider,

Какой браузер? FF9, IE8 - бага нет

[SelenIT]

В div обернуты все пункты. Но первый пункт - голый текст, остальные обернуты в <p>. А для p прописан font-size: 1.1 em, т.е. увеличение шрифта на 10% по сравнению с указанным для предка (div-а в данном случае), т.е. 8.8px, округляется до 9.

Если абзацы генерятся автоматически, лучше относительного размера шрифта на них не вешать.

Смысл бледного комментария был в том, что абзацы не могут содержать блочных элементов и неявно закрываются перед любым из них (т.е. запись <p><div> полностью эквивалентна <p></p><div>).

[flider]

flider,

Какой браузер? FF9, IE8 - бага нет

Те же IE8 и FF9

В div обернуты все пункты. Но первый пункт - голый текст, остальные обернуты в <p>. А для p прописан font-size: 1.1 em, т.е. увеличение шрифта на 10% по сравнению с указанным для предка (div-а в данном случае), т.е. 8.8px, округляется до 9.

Если абзацы генерятся автоматически, лучше относительного размера шрифта на них не вешать.

Смысл бледного комментария был в том, что абзацы не могут содержать блочных элементов и неявно закрываются перед любым из них (т.е. запись <p><div> полностью эквивалентна <p></p><div>).

Гениально! Огромное спасибо. Буду иметь в виду.

[sigma77]

В div обернуты все пункты. Но первый пункт - голый текст, остальные обернуты в <p>. А для p прописан font-size: 1.1 em

А где ты это увидел?

[SelenIT]

В файрбаге. Но в принципе это и по приведенному в стартовом посте коде видно...