1 Востаннє редагувалося FakiNyan (03.10.2014 08:28:30)

Тема: Як відширювати обтікаючий блок до кінця його контейнера?

Хай. Є один div, в середині нього є ще два div'а з float left. Перший div має фіксовану ширину, а другий має лише фіксовану висоту, а ширина в нього автоматична.
Як зробити, аби ширина другого блоку була по розмірам того простіру, котрий йому залишив перший блок?
http://jsfiddle.net/83br1u4r/1/
жовтий блок має продовжитись вправо до кінця

2

Re: Як відширювати обтікаючий блок до кінця його контейнера?

А де там жовтий блок?

3

Re: Як відширювати обтікаючий блок до кінця його контейнера?

зправа внизу

Прихований текст

http://puu.sh/bXmsk/294b4fb3e4.png

4

Re: Як відширювати обтікаючий блок до кінця його контейнера?

Можна за доп. JavaScript збільшувати ширину потрібного елементу виходячи з ширини об'ємлючого тегу а також того елементу що зліва (document.getElementById("someId").style.width="500px";).

Вказати иширину потрібного тегу.

Більше ідей немає/

5

Re: Як відширювати обтікаючий блок до кінця його контейнера?

та з js я і сам мооожу

6

Re: Як відширювати обтікаючий блок до кінця його контейнера?

div критично необхідно використати?
як щодо table?

7

Re: Як відширювати обтікаючий блок до кінця його контейнера?

yarko написав:

div критично необхідно використати?
як щодо table?

ну я як раз думав про table аби гарно розмістити оті написи, а як table розтягнеться?

8

Re: Як відширювати обтікаючий блок до кінця його контейнера?

Та з table вийде те ж саме. Чому не можна задати ширину того жовтого блоку в відстоках та і все?

9

Re: Як відширювати обтікаючий блок до кінця його контейнера?

Invader написав:

Та з table вийде те ж саме. Чому не можна задати ширину того жовтого блоку в відстоках та і все?

та мені тре аби він мав точні відступи зліва і зправа

10

Re: Як відширювати обтікаючий блок до кінця його контейнера?

задати у відсотках...
точні відступи не змінюються колиє бокс сайзінг, в чому взагалі проблема.

11

Re: Як відширювати обтікаючий блок до кінця його контейнера?

Key написав:

задати у відсотках...
точні відступи не змінюються колиє бокс сайзінг, в чому взагалі проблема.

в тому, що лівий блок в мене має фіксовану ширину, і невідомо, скільки відсотків треба дати правому блоку, аби небуло такого

Прихований текст

http://puu.sh/bZdiK/a579d167ec.png

і щоб той блок займав максимум можливого простору (з урахуванням відступів)

12

Re: Як відширювати обтікаючий блок до кінця його контейнера?

тримай
Для зміни піксельних значень ширини фіксованих макетів в процентні застосовується формула:
ширина цільового(наслідник) елементу(px) / ширину котексту(батько)(px)*100 = ширина %.
в даному випадку 960/300=0.3125*100=31.25%

13

Re: Як відширювати обтікаючий блок до кінця його контейнера?

Key написав:

тримай
Для зміни піксельних значень ширини фіксованих макетів в процентні застосовується формула:
ширина цільового(наслідник) елементу(px) / ширину котексту(батько)(px)*100 = ширина %.
в даному випадку 960/300=0.3125*100=31.25%

Та то я й сам зна, я просто хтів, аби при зміні лівого блоку, правий блок автоматом підганявся

14 Востаннє редагувалося Key (07.10.2014 16:00:49)

Re: Як відширювати обтікаючий блок до кінця його контейнера?

блок не буде більшим за контент або js