Наверно, не очень умный вопрос.

[katerok]

Ширину таблиц, например, можно задавать в процентах от экрана. А можно ли проделать нечто подобное со шрифтом?

Ситуация

Задаю для боди процент

body {
  margin-left: 20%;
  width: 60%;
  /*margin-right: 20%;*/
}

Почему-то margin-right не работает
В шапке фиксированного (пока что) размера картинка, а потом текст крупным шрифтом.
Если смотреть страницу в разрешении 800х600 или просто не на весь экран (до определённого размера) то этот крупный текст не видно (вообще ни буквы), потому что он не помещается в body.

Какие есть варианты в этом случае?
Не предлагать уменьшить шрифт: выглядит некрасиво. Да и ширину менять тоже не хотелось бы.

@темы: CSS

Comments

[lynx i.i.]

можно.
font-size указать в em или в %.
как вариант:
font-size-adjust
www.w3schools.com/CSS/pr_font_font-size-adjust....

[katerok]

lynx i.i., em и % не помогают, они не до такой степени относительны.
Второе не встречала, сейчас почитаю.

[katerok]

Это не то. Если честно я даже не представляю, зачем нужно aspect value. Хотя, на всякий случай, поигралась с параметром: никаких изменений не увидела.

[Faultier]

Я, конечно, может не понимаю чего.. Может margin-right не работает, потому что закомментирован?

[katerok]

Faultier, смешно(-;
Однако он закомментирован, потому что не работал. Вместо него пришлось прописывать ширину. С какой-то точки зрения всё равно, но мне не понятно.

Я вот думаю, может, снять высоту с шапки. Так, по крайней мере, текст должен вниз уползти, но будет видимым.

[Faultier]

katerok
Нет, я не шутил, может просто проглядеться. После долгого кодинга как раз такая фигня всё портит, особенно если код большой.

Попробуй вместо процентов сделать margin-right:auto;margin-left:auto;

[katerok]

Faultier

Попробуй вместо процентов сделать margin-right:auto;margin-left:auto;

Не поняла, зачем. Просто проверть?

[lynx i.i.]

margin-right:auto;margin-left:auto;
в некоторых браузерах позволяет центровать, что и требуется видимо )

[katerok]

lynx i.i., ну да, спасибо.

[Faultier]

в некоторых браузерах позволяет центровать

Вроде во всех?

[katerok]

Faultier, да вроде как. Только проблема в том, что мне помимо центрирования нужна ещё и определённая ширина боди (скажем так, изображения) от экрана.

[Faultier]

katerok
Здесь проценты, насколько я знаю, хорошо идут. Единственное что, я делаю боди на 100%, а внутри главную таблицу, в ней ещё одну, на нужную ширину. Вроде как ненужная сложность, но вне таблицы можно при этом сделать какую-нить текстуру. Вот как тут:

www.proo-tune.de

[lynx i.i.]

IE5.5 не поддерживает, IE6 только с прописанным доктайпом. IE7 насколько я знаю тоже.

[katerok]

Faultier, у меня дивный дизайн, да даже цветовое заполнение фона (вокруг рабочей области) не предусматривается. Поэтому уменьшила сразу боди.

[alhames]

Быть может я чего то не понял, но нафик для боди задавать процентные марджины и (!) ширину?
Марджины я всегда обнуляю, для отступа куда практичней использовать паддинги, а для того чтобы использовать не все пространство экрана браузера, а лишь часть (оптимизация для меньших разрешений), то самый выгодный вариант - использование контейнера в виде блока или таблицы.

Далеко идти не надо, достаточно заглянуть в CSS этой страницы:

body {
    margin: 0;
    background-color: #ffffff;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    padding: 9px;
}

Или я чего-то не понял?

[katerok]

alhames, мне нужна была граница. То есть слева и справа было пустое пространство, отделённое от рабочей области границей.

[alhames]

katerok граница = бордюр (border)? о_О
Чем не устраивают контейнеры? Слева и справа будет вам пустое пространство, которое чем хотите, тем и заполняйте =)
А вообще, скрин очень бы помог..

[Faultier]

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

[katerok]

alhames, Faultier, пришлось воспользоваться вашим вариантом с внутренним контейнером, так как появилась необходимость залить пустое пространство.

[alhames]

Faultier про таблицы? Ага =)

katerok это не наш вариант - так фактически все делают )

[katerok]

alhames просто мне не хотелось писать лишний (на тот момент) код, так как боди тоже является контейнером в контейнере (условно) хтмл.