| |
|
|
| | Есть задача - необходимо, чтобы блоки left-edge и right-edge "росли" вместе с увеличением количесва текста в блоке content. Вот код:
<div class="container">
<div class="left-edge"></div>
<div class="content">some funny text</div>
<div class="right-edge"></div>
</div>
|
Какие свойства нужно прописать в CSS, чтоб решить проблему?
Необходимые условия: все блоки имеюст св-во float: left, ширина каждого блока (left-edge, content, right-edge) фиксирована, и не будет изменяться.
Битый час голову ломаю. Как поступить? (Возможно нужно как-то видоизменить разметку?) | |
| |
|
|
| |
|
|
| |
для: GMile
(12.09.2007 в 18:27)
| | | ну, коли фиксирована, то сделайте для class="container" фоновый рисунок длиной равной длине этого контейнера, раскрасте его в цвета колонок и задайте повторение по вертикали.
а после <div class="right-edge"></div>
добавте вот это:
...
<div class="right-edge"></div>
<div class="clear"></div>
</div>
|
подбности про последнее тут - Использование float | |
| |
|
|
| |
|
|
| |
для: AlexSol
(12.09.2007 в 18:49)
| | | ну там наверное не класс clear, а style="clear: both"? =)
ну да вобщем-то я так и делаю... но приходиться заниматься пиксель-хантингом... потому как у боковых колонок не просто цвет должен быть, а спец рисунок | |
| |
|
|
| |
|
|
| |
для: GMile
(12.09.2007 в 19:02)
| | | не, именно класс. там по ссылке более подробно. ну коли рисунок - это тоже не проблема. | |
| |
|
|
| |
|
|
| |
для: GMile
(12.09.2007 в 19:02)
| | | во вложение пример как это сделать подругому. но картинкой будет намного проще ;) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(12.09.2007 в 19:10)
| | | Пример - это просто жесткач. Как только люди до такого додумываються... | |
| |
|
|
