некорректное вычисление высоты

[htmlkin]

Если высота слоя явно не указана, граница слоя отображается в 1px. Либо по высоте дочернего слоя - если указана явно его ширина.

IE отображает рамку корректно. Вопрос: как заставить FF правильно вычислять высоту слоя, чтобы при включении рамки слоя - все было красиво

Вот такое:

height: 100%

или

height: auto

не прокатит

[s0rr0w]

Если высота слоя явно не указана, граница слоя отображается в 1px. Либо по высоте дочернего слоя - если указана явно его ширина.

IE отображает рамку корректно. Вопрос: как заставить FF правильно вычислять высоту слоя, чтобы при включении рамки слоя - все было красиво

Вот такое:

height: 100%

или

height: auto

не прокатит

IE как раз делает все неправильно.

Приведите пример того, что вам надо получить.

[htmlkin]

IE как раз делает все неправильно.

Приведите пример того, что вам надо получить.

Есть общий контейнер, высота которого варьируется в зависимости от содержания дочерних блоков. Если этому общему контейнеру задать свойство border в css, то рамка не растягивается на высоту слоя как положено, а устанавливается так, как будто высота слоя всего 1 px.

Примерный код:

<div id="container">
   <div id="sidebar"> </div>
   <div id="content"> </div>
</div>

Ну и скажем, вот такой файл стилей:

#container {margin:0 auto; width:960px; border:1px solid red;}
#sidebar, #content {float:left;}
#sidebar {width:250px;}
#content {width:710px;}

[s0rr0w]

Есть общий контейнер, высота которого варьируется в зависимости от содержания дочерних блоков. Если этому общему контейнеру задать свойство border в css, то рамка не растягивается на высоту слоя как положено, а устанавливается так, как будто высота слоя всего 1 px.

Примерный код:

<div id="container">
   <div id="sidebar"> </div>
   <div id="content"> </div>
</div>

Ну и скажем, вот такой файл стилей:

#container {margin:0 auto; width:960px; border:1px solid red;}
#sidebar, #content {float:left;}
#sidebar {width:250px;}
#content {width:710px;}

Абсолютно верно, и не должна растягиваться, так как у вас два блока имеют свойство float, которое "вырывает" эти блоки из контейнера. В контейнере не остается больше контента, который бы генерировал высоту.

Чтобы этого не происходило, ставим #container{ overflow: hidden; }

Учите матчасть, это очень полезно.

[htmlkin]

Абсолютно верно, и не должна растягиваться, так как у вас два блока имеют свойство float, которое "вырывает" эти блоки из контейнера. В контейнере не остается больше контента, который бы генерировал высоту.

Чтобы этого не происходило, ставим #container{ overflow: hidden; }

Огромное Вам спасибо. Помогло

Учите матчасть, это очень полезно.

P.S. Я seo'шник по профессии. Сложновато все охватить разом