Помогите разместить блоки

[Bizon4ik]

Доброе время суток.

Я тут сделал вот такую радость: http://jsfiddle.net/Bizon4ik/wQPgR/

Помогите решить следующие задачи:

1. Как с права от серого блока прижать еще один блок высоты больше чем серый, но при этом синий должен продолжать растягиватся на всю свободную высоту экрана

2. Как сделать так что бы синий блок не ездил при горизонтальной прокрутке?

Edited April 22, 2013 by Bizon4ik

[Mirovich]

Для серого и дополнительного - float left http://htmlbook.ru/css/position

Для синего - position:fixed http://htmlbook.ru/css/float

Кажется так, если я вас правильно понял.

[Alarr]

Если я правильно понял твоё тз то попробуй так:

http://jsfiddle.net/Alarr/4ZDR4/.

Почитай тут http://htmlbook.ru/layout . Это поможет разобраться

Ну или так попробуй, так будет легче заполнять, когда флоат лэфт.

http://jsfiddle.net/Alarr/A77Cz/

Edited April 23, 2013 by Alarr

[Mirovich]

Решили? поделитесь рецептом.

[Bizon4ik]

Если я правильно понял твоё тз то попробуй так:

http://jsfiddle.net/Alarr/4ZDR4/.

Почитай тут http://htmlbook.ru/layout . Это поможет разобраться

Ну или так попробуй, так будет легче заполнять, когда флоат лэфт.

http://jsfiddle.net/Alarr/A77Cz/

Спасибо за ваш ответ, но не подойдет. Во первых у вас только два блока, а необходимо три (если не учитывать четвертый блок с меню). Во вторых у вас родительский блок фиксированной величины (500px), а мне необходимо на всю высоту экрана.

[Alarr]

Попробуйте в графическом редакторе, или карандашиком хотя бы, набросать то что вам нужно, так будет легче понять задачу

[Bizon4ik]

Попробуйте в графическом редакторе, или карандашиком хотя бы, набросать то что вам нужно, так будет легче понять задачу

Так а что не понятно? Что то из ниже указаных задачь вызывает различные толкования?

Код: http://jsfiddle.net/Bizon4ik/wQPgR/

Задачи:

1. Как с права от серого блока прижать еще один блок высотой больше чем серый, но при этом синий должен продолжать растягиватся на всю свободную высоту экрана

2. Как сделать так что бы синий блок не ездил при горизонтальной прокрутке?

[Alarr]

Попробуйте в графическом редакторе, или карандашиком хотя бы, набросать то что вам нужно, так будет легче понять задачу

Так а что не понятно? Что то из ниже указаных задачь вызывает различные толкования?

Код: http://jsfiddle.net/Bizon4ik/wQPgR/

Задачи:

1. Как с права от серого блока прижать еще один блок высотой больше чем серый, но при этом синий должен продолжать растягиватся на всю свободную высоту экрана

2. Как сделать так что бы синий блок не ездил при горизонтальной прокрутке?

Во первых у вас только два блока, а необходимо три

Я по текстовому описанию понял, что есть два блока: синий и серый. Быть может попрошу прощения за излишнюю дотошность, просто профессиональная привычка, приобретённая после горького опыта со словесными ТЗ.

Лучше всего картинка, циферки, и описание. Как для тупых. И чем для более тупых составлено ТЗ, тем оно лучше))

[Bizon4ik]

Так а чем вам код не подходит? Там и картинака и цыферки.

А насчет третого блока указано в задании:

1.Как с права от серого блока (блок №1) прижать еще один блок (блок №2) высотой больше чем серый (блок №1), но при этом синий (блок №3) должен продолжать растягиватся на всю свободную высоту экрана

Итого три блока.

Edited April 24, 2013 by Bizon4ik

[Mirovich]

http://jsfiddle.net/wQPgR/1/

Так?