Раздел не растет динамически - PullRequest
Новая
       0

Раздел не растет динамически

0 голосов
/ 16 января 2012

Я пытаюсь использовать CSS для оформления своих страниц. Я хочу, чтобы контент рос. Но, похоже, он ограничен размером экрана. Я могу сказать, что в случае, если раздел отличается от своего родителя. Таким образом, некоторый текст и другой контент появляются в области тела.

scaffold.css.scss 

    html
    {
        width: 100%;
        min-height: 100%;
    }

    body {
      background-color: #C6C0BA;
      color: #636363;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 120%;
      line-height: 18px;
      max-width: 1000px;
      min-height: 100%;
      margin: 0 auto;
      }
    section{
        padding: 2%;
          max-width: 1000px;
          background-color: #f3f3f3;
          margin: 0 auto;


  min-height: 100%;
}
.....

application.html.erb 

<!DOCTYPE html>
<html>
<head>
  <title>Alpha</title>
  <%= stylesheet_link_tag "application" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
  <%= stylesheet_link_tag 'screen' %>
</head>

<body>

  <div class='logo'>
    <img src="assets/SiteHeader.png" class="stretch">
  </div>
  <header>
    <%= render 'shared/navigation' %>
  </header>

<section id='content'>
  <%= yield %>
</section>

</body>
</html>

1 Ответ

0 голосов
/ 16 января 2012

Я никогда не использовал ruby ​​на рельсах, но, глядя на ваш CSS, вы, вероятно, не хотите использовать min-height: 100% в теле или #content.Оба должны автоматически масштабироваться, чтобы соответствовать их содержанию.Я не проверял, но если вам нужна минимальная высота для раздела (#content), вы можете попробовать добавить в него один или несколько дочерних элементов фиксированной высоты.

например: 

<section id="content">
<div style="height: 768px;">
other stuff here
</div>
</section>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...