Comments on: Вложенные элементы и проценты/em-ы в CSS http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/ Stories about Ruby, JavaScript, Objective-C and other cool tools Wed, 11 Jan 2012 18:45:17 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: FX Poster http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/comment-page-1/#comment-4047 FX Poster Mon, 08 Sep 2008 19:32:39 +0000 http://blog.fxposter.org/?p=511#comment-4047 Это для математики не баг. А для юзабилити - вполне себе баг. Это для математики не баг. А для юзабилити – вполне себе баг.

]]> By: npFly http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/comment-page-1/#comment-4046 npFly Mon, 08 Sep 2008 19:30:15 +0000 http://blog.fxposter.org/?p=511#comment-4046 При чем здесь пофиксить? Это же не баг, правило исполняетса верно. Просто если использовать абсолютную величину, к примеру 12px то размер фонта будет во всех вложенных елементах 12px, а если использовать относительную величину как в твоём примере то в каждом следующем елементе размер фонта будет на 1/4 меньше родительского. При чем здесь пофиксить? Это же не баг, правило исполняетса верно. Просто если использовать абсолютную величину, к примеру 12px то размер фонта будет во всех вложенных елементах 12px, а если использовать относительную величину как в твоём примере то в каждом следующем елементе размер фонта будет на 1/4 меньше родительского.

]]> By: FX Poster http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/comment-page-1/#comment-4043 FX Poster Mon, 08 Sep 2008 18:06:17 +0000 http://blog.fxposter.org/?p=511#comment-4043 А причем тут относительные величины и абсолютные. Я прекрасно знаю, как то, что я показал выше можно пофиксить, но абсолютно не всегда очевидно, что если я указал <pre><code class="css">div { font-size: 0.75em; }</code></pre> то я должен указывать <strong>ОБЯЗАТЕЛЬНО</strong> еще и: <pre><code class="css">div div { font-size: 1em; }</code></pre> А причем тут относительные величины и абсолютные. Я прекрасно знаю, как то, что я показал выше можно пофиксить, но абсолютно не всегда очевидно, что если я указал 

div {
  font-size: 0.75em;
}

то я должен указывать ОБЯЗАТЕЛЬНО еще и:

div div {
  font-size: 1em;
}
]]> By: npFly http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/comment-page-1/#comment-4037 npFly Mon, 08 Sep 2008 13:10:16 +0000 http://blog.fxposter.org/?p=511#comment-4037 Вобщем я переделал твой <a href="http://blog.fxposter.org/wp-content/uploads/2008/08/nested_elements_css.html" rel="nofollow">пример</a> на <a href="http://www.baltek.lv/files/fxposter/nested_elements_css.html" rel="nofollow">правильный</a>. Я надеюсь разница теперь видна ;) Вобщем я переделал твой пример на правильный. Я надеюсь разница теперь видна ;)

]]> By: FX Poster http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/comment-page-1/#comment-4032 FX Poster Mon, 08 Sep 2008 10:18:38 +0000 http://blog.fxposter.org/?p=511#comment-4032 Ну и где я путаю? :) Ну и где я путаю? :)

]]> By: npFly http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/comment-page-1/#comment-4028 npFly Mon, 08 Sep 2008 06:38:59 +0000 http://blog.fxposter.org/?p=511#comment-4028 Ты путаешь относительные величины с абсолютными, это потенциальная разница ;) Ты путаешь относительные величины с абсолютными, это потенциальная разница ;)

]]> By: FX Poster http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/comment-page-1/#comment-3604 FX Poster Mon, 11 Aug 2008 17:59:04 +0000 http://blog.fxposter.org/?p=511#comment-3604 Не думаю, что с относительными. ;) <pre><code class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>IE</title> <style type="text/css" media="screen"> body { font-size: 20px; } #content { font-size: 0.8em; } #content p { font-size: inherit; } </style> </head> <body> <div id="content"> Привет <p>Привет</p> </div> </body> </html></code></pre> Если бы inherit работал с относительными величинами "Привет" в #content p был бы меньше, чем "Привет" в #content. Не думаю, что с относительными. ;)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <title>IE</title>

<style type="text/css" media="screen">

body {
  font-size: 20px;
}

#content {
  font-size: 0.8em;
}

#content p {
  font-size: inherit;
}
</style>

</head>

<body>

<div id="content">
  Привет
  <p>Привет</p>
</div>

</body>

</html>

Если бы inherit работал с относительными величинами “Привет” в #content p был бы меньше, чем “Привет” в #content.

]]> By: npFly http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/comment-page-1/#comment-3603 npFly Mon, 11 Aug 2008 17:25:17 +0000 http://blog.fxposter.org/?p=511#comment-3603 Как раз наоборот. По умолчанию свойство font-size: во многих браузерах имеет значение inherit и работает оно помойму только с относительными величинами. Это избавляет css от лишнего кода, а именно fon-size в почти каждом правиле. Это конечно может сконфузить особенно если ты создаёшь полностью эластичный макет, тоесть все размеры и отступы в em. Как раз наоборот. По умолчанию свойство font-size: во многих браузерах имеет значение inherit и работает оно помойму только с относительными величинами. Это избавляет css от лишнего кода, а именно fon-size в почти каждом правиле. Это конечно может сконфузить особенно если ты создаёшь полностью эластичный макет, тоесть все размеры и отступы в em.

]]> By: FX Poster http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/comment-page-1/#comment-3602 FX Poster Mon, 11 Aug 2008 17:06:20 +0000 http://blog.fxposter.org/?p=511#comment-3602 Понял ты правильно, только такой CSS, мягко говоря, нелогичен, не правда ли? :) Понял ты правильно, только такой CSS, мягко говоря, нелогичен, не правда ли? :)

]]> By: npFly http://blog.fxposter.org/2008/08/10/nested-elements-and-percents-ems-in-css/comment-page-1/#comment-3601 npFly Mon, 11 Aug 2008 17:03:43 +0000 http://blog.fxposter.org/?p=511#comment-3601 Кстати я вот недавно встретил баг в Firefox 3 связанный с ошибкой при делении. Появляться он когда в тэге используется размер шрифта в процентах или em. Кстати я вот недавно встретил баг в Firefox 3 связанный с ошибкой при делении. Появляться он когда в тэге используется размер шрифта в процентах или em.

]]>