X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите сделать резиновый макет с сохранением пропорций
peacemaker
peacemaker
Topic Starter сообщение 10.9.2012, 15:24; Ответить: peacemaker
Сообщение #1


Участник
***

Группа: User
Сообщений: 165
Регистрация: 25.5.2008
Поблагодарили: 3 раза
Репутация:   0  


Делаю резиновый макет дивами, ширину блоков указываю в процентах от главного дива, который шириной 100%.
Высоту дивов указывают точную в пикселях. При изменении размеров окна, само собой, ширина блоков меняется а высота остается указаной, тем самым изменяются пропорции блоков. Как сделать чтобы пропорции сохранялись, т.е. высота блоков так же менялась с уменьшением окна, ведь её не поставить в процентах так как высота главного блока не регулируется.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SaNyA
SaNyA
сообщение 17.9.2012, 14:17; Ответить: SaNyA
Сообщение #2


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 17.1.2012
Поблагодарили: 6 раз
Репутация:   2  


Возможно дело в абсолютном позиционирование
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vred
Vred
сообщение 17.9.2012, 14:50; Ответить: Vred
Сообщение #3


мошенник
*****

Группа: Banned
Сообщений: 679
Регистрация: 19.6.2012
Из: Украина
Поблагодарили: 314 раз
Репутация:   53  


Если я вас правильно понял, копайте в сторону замены height на min-height и смотрите по значениям


--------------------
Забанен за мошенничество
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
peacemaker
peacemaker
Topic Starter сообщение 17.9.2012, 19:34; Ответить: peacemaker
Сообщение #4


Участник
***

Группа: User
Сообщений: 165
Регистрация: 25.5.2008
Поблагодарили: 3 раза
Репутация:   0  


я уже разобрался, спасибо
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
oldzas
oldzas
сообщение 1.10.2012, 9:14; Ответить: oldzas
Сообщение #5


Бывалый
****


Группа: Banned
Сообщений: 279
Регистрация: 16.5.2011
Поблагодарили: 25 раз
Репутация:   1  


дело в том что надо изначально пользоваться резиновыми фреймворками и не будет таких проблем, вы будете оперировать просто блоками и не думать как они тянуться. Например 960gs или что еще лучше bootstrap, желаю удачи !!


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lifeout
lifeout
сообщение 1.10.2012, 20:56; Ответить: lifeout
Сообщение #6


Участник
***

Группа: User
Сообщений: 131
Регистрация: 25.7.2010
Поблагодарили: 24 раза
Репутация:   4  


oldzas, да ладно? Высота блоков в 960gs и bootstrap автоматически тянется пропорционально ширине?


--------------------
<aside>Верстаю</aside>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aimed
Aimed
сообщение 16.11.2012, 18:00; Ответить: Aimed
Сообщение #7


Новичок
*


Группа: User
Сообщений: 16
Регистрация: 15.11.2012
Поблагодарили: 1 раз
Репутация:   -3  


Тут к каждому свое.
Но, не забываем про позиционирование, обтекание, минимальную высоту. Используем эти вещи грамотно и 90% сетуаций решаются легко
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomax
pomax
сообщение 19.11.2012, 11:17; Ответить: pomax
Сообщение #8


Частый гость
**

Группа: User
Сообщений: 56
Регистрация: 27.10.2012
Поблагодарили: 2 раза
Репутация:   0  


peacemaker, настоятельно не советую делать резиновый шаблон.
Я тоже занимался такой же затеей пока на реальном примере не понял, что гораздо лучше статичный шаблон. Кому надо пускай нажимает на лупу, которая сейчас делается на каждом браузере. Хочет пускай увеличивает, хочет пускай уменьшает как ему угодно.
Пропорции будешь подбирать неделями.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webche
webche
сообщение 20.11.2012, 6:48; Ответить: webche
Сообщение #9


Участник
***

Группа: User
Сообщений: 103
Регистрация: 18.11.2012
Поблагодарили: 11 раз
Репутация:   7  


ГЛавному диву тоже height:100%;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Маленький кейс как сделать много почтовых ящиков в Gmail
Один аккаунт = много ящиков
12 PostBrigada 802 Сегодня, 11:52
автор: Parfumer_75
Открытая тема (нет новых ответов) Помогите выбрать ноутбук
Ноутбук для детей
16 kstnews 351 Сегодня, 10:02
автор: Room
Открытая тема (нет новых ответов) Как правильно сделать категории на сайте?
Хелппп!!!
5 norino 676 11.12.2017, 16:28
автор: One_on_One
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1359 11.12.2017, 13:11
автор: Mikki
Открытая тема (нет новых ответов) Сделать сайт по примеру
4 pafnyt 714 1.12.2017, 11:03
автор: pafnyt


 



RSS Текстовая версия Сейчас: 18.12.2017, 12:46
Дизайн