Возможно задать шрифт от ширины блока?

Вен · 11.11.2009, 19:14

ситуация такая, простенькое двухколончатое меню, колонки которого задаются в процентах. При этом при разрешении экаран 800*600 из-за шрифта появляются скроллбары и прочие сопутствующие радости. Вопрос, можно ли сделать так, чтобы шрифт зависил от ширины блока или нет? Всякие ухишрения вроде font-size:small не помогли

Асмодиан · 11.11.2009, 19:22

Вен, ээээ...
Первое - можно, но только через javascript...

Второе - это ужасно.

Третье - раньше все доказывали, что резина - это хорошо на разных разрешениях. Оказалось - были неправы. Сейчас большинство делают сайты с фиксированной шириной. Так что проще забыть про ширину в процентах. Ставьте в пикселах.

Четвёртое - ноне даже дешёвейшие нетбуки идут с разрешением 1024x600... 800x600 умерло много лет назад... Будете считаться с 800, получиться ГОВНО на 1440 и больше. А 1440 и больше сейчас уже популярно...

iDeViL · 11.11.2009, 19:49

сейчас все таки 21 век. я считаю, что нужно использовать "гибридный стиль". Это когда есть фиксированные и резиновые элементы. Например, шапка резиновая, а центральная таблица - фиксированная (но я считаю, что не просто фиксированная, а динамичная. Т.е. ведет себя по разному при разных условиях. Например, ширина ее 1000px, а рядом "выезжает" меню, которое сдвигает таблицу, рационально используя пустоту).

А вообще вот через ява-скрипт изменение размера, но лучше не делайте:

Код:

<head>
<script language="javascript">
function res(){
	document.getElementById("sub").style.fontSize = (document.width/10) + "px";

}
</script>
</head>
<body onresize="res();">

красным то, что вы должны установить сами. Т.е. вместо sub - контейнер, в котором должен меняться размер шрифта, 10 - коэффициент пропорциональности, который получается практически.

Асмодиан · 11.11.2009, 20:15

iDeViL, Opera не поддерживает onresize...

А "гибридный" стиль - это довольно круто. Прокопаться неделю для двухдневной работы... Просто сложно найти клиентов, которые готовы будут такое оплатить

iDeViL · 11.11.2009, 21:04

ну можно использовать onload. Раницы немного. Онлоад даже лучше наверное будет.

Прокопаться неделю для двухдневной работы - смотря какой уровень сайта. Если простенький, как правило и капаться не нужно. Если сложный, уровня крупной компании они могут себе позволить кампанию, которая готова повозиться. ИМХО

kost · 12.11.2009, 00:49

Вы не с той стороны подходите. Задавайте ширину колонки в зависимости от размера шрифта, т.е. в em или ex.

Вен · 12.11.2009, 21:24

Цитата:

Сообщение от Асмодиан

Вен, ээээ...
Третье - раньше все доказывали, что резина - это хорошо на разных разрешениях. Оказалось - были неправы. Сейчас большинство делают сайты с фиксированной шириной. Так что проще забыть про ширину в процентах. Ставьте в пикселах.

Ну пложим, на 800*600 можно забить, но в чем процентная верстка-то плоха? Ничего не ползет ни при каких условиях.

Ну разве что при все том же 800*600...

vitaly-go · 12.11.2009, 21:37

Цитата:

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

Ну пложим, на 800*600 можно забить, но в чем процентная верстка-то плоха? Ничего не ползет ни при каких условиях.

Ну разве что при все том же 800*600...

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

а вообще полностью забивать на резинку нестоит,
в каждом конкретном случае нужен свой вариант,
аналогично как и с div --- table

iDeViL · 17.11.2009, 00:07

проценты лучше не использовать, т.к. будет вам худо. По соседству обсуждают, как widht: 100% + margin: 10px привело к бесполезной полосе прокрутки.
Так что осторожнее. С маленькими окнами - проценты могут повести себя непредсказуемо, особенно если используется flat, это приведет, что рано или поздно блок один уедет вниз, проценты пересчитаются и у вас полетит весь дизайн. Таблицы тоже не всегда себя оправдывают. Я ратую за фиксированный дизайн с полезным распределением пустот (под рекламу, например). В случае, если они есть. А если нехватка место, то хуже не будет.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Возможно ли создать свой шрифт в Photoshop?	micha_sait	Растровая графика	3	11.03.2013 20:43
Проблема с вводом пользователя ширины рамки ячеек	vladislav21	HTML, CSS, JavaScript	0	04.12.2010 21:45
Css зависящее от ширины окна	Uratsakidogi	HTML, CSS, JavaScript	4	14.04.2006 13:06
как задать цвет градиенту?	color	Технологии Flash	1	06.03.2006 11:02
Проблема высоты и ширины	OFF-ART	Технологии Flash	4	31.01.2006 11:14

11.11.2009, 19:14	#1
Вен	ситуация такая, простенькое двухколончатое меню, колонки которого задаются в процентах. При этом при разрешении экаран 800*600 из-за шрифта появляются скроллбары и прочие сопутствующие радости. Вопрос, можно ли сделать так, чтобы шрифт зависил от ширины блока или нет? Всякие ухишрения вроде font-size:small не помогли

11.11.2009, 19:22	#2
Асмодиан	Вен, ээээ... Первое - можно, но только через javascript... Второе - это ужасно. Третье - раньше все доказывали, что резина - это хорошо на разных разрешениях. Оказалось - были неправы. Сейчас большинство делают сайты с фиксированной шириной. Так что проще забыть про ширину в процентах. Ставьте в пикселах. Четвёртое - ноне даже дешёвейшие нетбуки идут с разрешением 1024x600... 800x600 умерло много лет назад... Будете считаться с 800, получиться ГОВНО на 1440 и больше. А 1440 и больше сейчас уже популярно...

11.11.2009, 19:49	#3
iDeViL	сейчас все таки 21 век. я считаю, что нужно использовать "гибридный стиль". Это когда есть фиксированные и резиновые элементы. Например, шапка резиновая, а центральная таблица - фиксированная (но я считаю, что не просто фиксированная, а динамичная. Т.е. ведет себя по разному при разных условиях. Например, ширина ее 1000px, а рядом "выезжает" меню, которое сдвигает таблицу, рационально используя пустоту). А вообще вот через ява-скрипт изменение размера, но лучше не делайте: Код: <head> <script language="javascript"> function res(){ document.getElementById("sub").style.fontSize = (document.width/10) + "px"; } </script> </head> <body onresize="res();"> красным то, что вы должны установить сами. Т.е. вместо sub - контейнер, в котором должен меняться размер шрифта, 10 - коэффициент пропорциональности, который получается практически.

11.11.2009, 20:15	#4
Асмодиан	iDeViL, Opera не поддерживает onresize... А "гибридный" стиль - это довольно круто. Прокопаться неделю для двухдневной работы... Просто сложно найти клиентов, которые готовы будут такое оплатить

11.11.2009, 21:04	#5
iDeViL	ну можно использовать onload. Раницы немного. Онлоад даже лучше наверное будет. Прокопаться неделю для двухдневной работы - смотря какой уровень сайта. Если простенький, как правило и капаться не нужно. Если сложный, уровня крупной компании они могут себе позволить кампанию, которая готова повозиться. ИМХО

12.11.2009, 00:49	#6
kost	Вы не с той стороны подходите. Задавайте ширину колонки в зависимости от размера шрифта, т.е. в em или ex. Последний раз редактировалось kost; 12.11.2009 в 00:56..

17.11.2009, 00:07	#9
iDeViL	проценты лучше не использовать, т.к. будет вам худо. По соседству обсуждают, как widht: 100% + margin: 10px привело к бесполезной полосе прокрутки. Так что осторожнее. С маленькими окнами - проценты могут повести себя непредсказуемо, особенно если используется flat, это приведет, что рано или поздно блок один уедет вниз, проценты пересчитаются и у вас полетит весь дизайн. Таблицы тоже не всегда себя оправдывают. Я ратую за фиксированный дизайн с полезным распределением пустот (под рекламу, например). В случае, если они есть. А если нехватка место, то хуже не будет.