К списку форумов К списку тем
Регистрация    Правила    Главная форума    Поиск   
Имя: Пароль:
Рекомендовать в новости

как построить три дива друг под другом чтобы их высота была 10%-20%-70% и чтоб они не вылезли?

Гость
0 - 29.11.2012 - 22:24
Сделал пример
http://jsfiddle.net/gDhzZ/7/

там три блока один под одним:
10% height
20% height
70% height

то, что с серым фоном - там должен быть див со скроллом (много текста).
Надо кагбы красиво так расположить их один под другим, с учетом того, что высота дива-контейнера может меняться.

Щас они не помещаютцо.

Как достигнуть пропорционального изменения размером этих дивов, чтобы они не вылазили за пределы?
Таблицами? =)



Гость
1 - 29.11.2012 - 22:34
http://jsfiddle.net/gDhzZ/9/ оно?
Гость
2 - 29.11.2012 - 22:54
http://jsfiddle.net/gDhzZ/10/ - более читаемый вид
Гость
3 - 29.11.2012 - 23:09
оно-то оно, но надо чтобы была внутренняя отбивка, как в сабже.
Без отбивки оно само собой станет как надо. А надо с отбивкой.
Гость
4 - 29.11.2012 - 23:21
"А если нет разницы, то зачем платить больше ??"

http://jsfiddle.net/gDhzZ/11/ и внутренняя, и наружняя, если и это не то, тогда сдаюсь..

По поводу сабжа,
Про отбивку не слова - это раз..
А вот два:

Цитата:
Сообщение от Гавайские субтитры Посмотреть сообщение
Надо кагбы красиво так расположить их один под другим
Гость
5 - 30.11.2012 - 00:32
Цитата:
Сообщение от Kuba Посмотреть сообщение
По поводу сабжа, Про отбивку не слова - это раз..
пример. Эт раз.
http://jsfiddle.net/gDhzZ/7/

"и чтоб они не вылезли", в сабже. Два.
Гость
6 - 30.11.2012 - 00:38
Цитата:
Сообщение от Kuba Посмотреть сообщение
если и это не то, тогда сдаюсь..
само собой, что не то. =))
Ладно, я тоже сдался. Сделаю таблицей =))
vk
7 - 30.11.2012 - 12:24
Для Див классические пропорции: 90-60-90
:)
Гость
8 - 30.11.2012 - 18:15
7-vk >
морда, живот и задница?
Гость
9 - 30.11.2012 - 18:16
не, не живот, а грудь. Во.
Гость
10 - 30.11.2012 - 18:53
вот эта штука решит все твои проблемы: box-sizing
Гость
11 - 30.11.2012 - 18:54
... и гугл)))
Гость
12 - 30.11.2012 - 19:29
пасибо, посмотрю
Гость
13 - 30.11.2012 - 19:46
Ога, таки оно.
Жаль, конечно, что оно токо для css3 и не учитывает margin-ы, но подошло.
Мозилла, цучара, тоже его не хавает, разе что ее уговорить с пом -moz-box-sizing:border-box, но главное это сработало.

Пасибо, чуваг. Есть еще на этом форуме умные люди =)

ЗЫ
Кубе тож спасибо. За индифферентность. =)


К списку вопросов






Copyright ©, Все права защищены