| |
|
|
| | На странице отображены 7 блоков со свойством:
.auto {
width: 310px;
height: auto;
background-color: #F9F9F9;
float: left;
border: 1px solid #E0E0E0;
margin: 2px;
}
|
Когда в блоке происходит клик и отображение дополнительной информации, которая не влезает в блок, он растягивается, но при этом создается лишнее пространство между соседним блоком снизу...Как это исправить? | |
| |
|
|
| |
|
|
| |
для: OLi
(07.07.2011 в 14:52)
| | | overflow: hidden, если я правильно понял проблему. | |
| |
|
|
| |
 21.5 Кб |
|
| |
для: devil943
(07.07.2011 в 16:29)
| | | Screen | |
| |
|
|
| |
|
|
| |
для: OLi
(07.07.2011 в 17:13)
| | | У вас у всех блоков на странице такое? Я думаю вам нужно в корне менять макет. используйте колонки, например:
<div class="middle">
<div class="side_bar">
<div class="poll">
Ваше голосование
</div>
</div>
<div class="article">
Ваши статьи
</div>
</div>
<style>
.middle {
overflow: hidden;
}
.side_bar {
float: left;
width: 300px;
}
.article {
margin-left: 300px
}
/* Для внутренних блоков уже ваши стили, только без флоата. И height вам тоже не нужен. */
</style>
|
| |
| |
|
|
| |
|
|
| |
для: devil943
(07.07.2011 в 18:38)
| | | У всех блоков, поэтому надо найти решение другое... | |
| |
|
|
| |
|
|
| |
для: OLi
(07.07.2011 в 21:25)
| | | Т.е блоки в теории могут быть как в две колонки, так и в три в зависимости от ширины окна браузера?
В таком случае у вас ничего не выйдет. Придется абсолютно позиционировать JavaScript'ом.
Если вы высоты были всегда одинаковые - проблемы бы небыло или если быб была возможность убрать "столбцы" в "строки". | |
| |
|
|
