Как узнать font-size div'a?

[ХОЛОДный]

Добрый день. Делаю верстку с использованием em-ов.

Мне надо узнать, какой font-size у div'a, а так же сконвертить em в px.

Как это сделать?

В общем, задача такая- есть резиновый div, ширина которого зависит от размера окна браузера.

В зависимости от размера окна браузера при загрузке страницы в div надо положить n картинок.

Ширина картинки - 100px, отступ справа - 2em

Мне надо понять, сколько картинок я туда могу запихнуть.

Edited January 7, 2010 by ХОЛОДный

[Veseloff]

Э-э-э... Ну это вроде на уровне первого класса математика: Взять_целую_часть((Ширина_блока - отступ)/100).

P.S. Font-size==[window.]document.getElementById("elementID").style.fontSize. А, если не секрет, почему отступ в em?

[psywalker]

А, если не секрет, почему отступ в em?

Наверное чтобы масштабировался в зависимости от размера шрифта

[hf3]

Font-size==[window.]document.getElementById("elementID").style.fontSize

Это сработает только если размер шрифта был задан явно…

тут скорее нужно -

if (p.currentStyle)							// Сначала попробовать IE API
	size = p.currentStyle.fontSize;
else if (window.getComputedStyle)			  // Иначе  W3C API
	size = window.getComputedStyle(p, null).fontSize;

[ХОЛОДный]

Э-э-э... Ну это вроде на уровне первого класса математика: Взять_целую_часть((Ширина_блока - отступ)/100).

P.S. Font-size==[window.]document.getElementById("elementID").style.fontSize. А, если не секрет, почему отступ в em?

Скорее всего, я не ясно выразил свой вопрос. Проблема в приведении em'ов к пикселям.

Со сложением и делением проблем нет.

Взять_целую_часть - не корректно, ближайшую минимальную целую часть (Math.ceil).

Наверное чтобы масштабировался в зависимости от размера шрифта

Ага.

Это сработает только если размер шрифта был задан явно…

тут скорее нужно -

if (p.currentStyle)							// Сначала попробовать IE API
	size = p.currentStyle.fontSize;
else if (window.getComputedStyle)			  // Иначе  W3C API
	size = window.getComputedStyle(p, null).fontSize;

Что-то похожее вчера смотрел, но выпадала ошибка - свойство не найдено. Сейчас это попробую!

[hf3]

кажись 1 em ~ 16 px ... Или это зависит от разрешения?

[ХОЛОДный]

кажись 1 em ~ 16 px ... Или это зависит от разрешения?

1em = дефолтовый размер шрифта в браузере. В большинстве случаев = 16px.

Но, выставив на body font-size = 0.75em, вы получите 12 пикселей для текста на странице.

Это сработает только если размер шрифта был задан явно…

тут скорее нужно -

if (p.currentStyle)							// Сначала попробовать IE API
	size = p.currentStyle.fontSize;
else if (window.getComputedStyle)			  // Иначе  W3C API
	size = window.getComputedStyle(p, null).fontSize;

А кто такой "p"?

[hf3]

p = ссылка на объект)

Вырвал из контекста

p = document.fetElementByID()

[s0rr0w]

getElementById

Edited January 8, 2010 by s0rr0w