Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Пропорции блока (https://javascript.ru/forum/xhtml-html-css/28662-proporcii-bloka.html)

FINoM 28.05.2012 18:38

Пропорции блока
 
Можно ли задать пропорции блоку, например, width = height * 0.5. На старые браузеры, включая IE8, можно забить.

Deff 28.05.2012 18:58

FINoM,
если всовывать масштабируемый блок в исходный с позицией relative
то можно задавать высоту и ширину в %

FINoM 28.05.2012 19:00

Цитата:

Сообщение от Deff
если всовывать масштабируемый блок в исходный с позицией relative
то можно задавать высоту и ширину в %

Только если родитель — квадрат.

Deff 28.05.2012 19:09

Цитата:

Сообщение от FINoM (Сообщение 177193)
Только если родитель — квадрат.

Хм... Ща проверю - вродь как то тестил

Deff 28.05.2012 19:12

<div style="background-color:red;position:relative;width:300px;height:34px;">
  <div style="background-color:blue;width:56%;height:56%">
  </div>

</div>

melky 28.05.2012 22:55

жаль, что через calc нельзя так сделать :(
FINoM, можно пример, где это надо реализовать?

FINoM 28.05.2012 23:01

Цитата:

Сообщение от melky
FINoM, можно пример, где это надо реализовать?

Даже если приведу пример, то нужно будет долго объяснять :)

Deff 29.05.2012 01:11

Цитата:

Сообщение от FINoM (Сообщение 177193)
Только если родитель — квадрат.

Ну пусть Квадрат
</div>
<div style="border:2px red solid;background-color:red;position:relative;width:100px;height:100px;">
<div style="position:absolute;background-color:blue;width:50%;height:100%">
</div>

</div>
<div style="border:2px red solid;background-color:red;position:relative;width:100px;height:100px;">
<div style="position:absolute;background-color:blue;width:100%;height:200%">
</div>


Часовой пояс GMT +3, время: 16:09.