Наши проекты:
Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту |
||
ПРАВИЛА | FAQ | Помощь | Поиск | Участники | Календарь | Избранное | RSS |
[3.138.124.40] |
|
Сообщ.
#1
,
|
|
|
Доброго времени суток! Помогите, пожалуйста. Такая проблема: необходимо родительский слой сделать резиновым, чтобы каждый из внутренних слоёв могли растягивать его по высоте. Всё бы хорошо, но один дочерний слой, в котором высота больше, толкает другого дочернего вниз, несмотря на то, что у обоих top: 0px. Как можно этого избежать?
<!DOCTYPE html> <html> <head> </head> <body> <div style="position: relative; top: 20px; left: 20px; background-color: #cecece; width: 800px; min-height: 80px;"> <div style="position: relative; background-color: #4e4e4e; width: 100px; left: 0px; top: 0px;"> 456<br>456<br>456<br>456<br>456<br>456<br>456<br>456<br> </div> <div style="position: relative; background-color: #dedede; width: 100px; left: 400px; top: 0px;"> 456<br>456<br>456<br>456<br>456<br>456<br>456<br>456<br> 456<br>456<br>456<br>456<br>456<br>456<br>456<br>456<br> 456<br>456<br>456<br>456<br>456<br>456<br>456<br>456<br> 456<br>456<br>456<br>456<br>456<br>456<br>456<br>456<br> </div> </div> </body> </html> |
Сообщ.
#2
,
|
|
|
Проблема в том, что div - блочный элемент, а блочные элементы не любят находиться в одной строке. Добавь детям display: inline-block; vertical-align: top; И у второго ребенка уменьши left на ширину первого.
|
Сообщ.
#3
,
|
|
|
посмотрите тут как делать резиновые шаблоны
http://htmlbook.ru/samlayout/tipovye-maket...lonochnyi-maket |
Сообщ.
#4
,
|
|
|
Спасибо большое! Получилось!!!
|