Jump to content

Report

  • Similar Content

    • Kray Storm
      Высота float-элемента в 100% в FF и Chrome
      By Kray Storm
      Мда ))
      Уже начал сходить с ума, пытаясь понять логику, по которой float-элемент игнорирует height и min-height в процентах.
      Оказалось дело в Firefox.
      Допустим, у нас есть float-блок, который находится в родителе. И нам нужно, чтобы даже при отсутствии контента (или малом количестве) у плавающего была бы какая-то минимальная заданная высота. Как бы логично и удобно использовать min-height, который берется от родителя. Но FF все обламывает.
      Понятно, что такую модель можно реализовать и по-другому.
      Но вопрос в том, что есть ли способ, не меняя подход, научить FF видеть эту высоту?
      Перед нажатием на "отправить" проверил в Хроме. Та же проблема.
      Тогда это уже интереснее. Кто может подсказать что-то на этот счет?
      Код онлайн
      Этот же код:


      <!doctype html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>float height:100% error</title>

      <style type="text/css">
      html, body{
      height:100%;
      }
      body{
      margin:auto;
      }
      #main{
      overflow:hidden;
      width:50%;
      min-height:70%;
      margin:auto;
      background:#ccf;
      }
      #left{
      float:left;
      width:50%;
      min-height:100%;
      background:#ffc;
      }
      </style>
      </head>

      <body>
      <div id="main">
      <div id="left">Плавающий блок</div>
      </div>
      </body>
      </html>
      У Оперы и даже jsfiddle.net все в порядке.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept