научите жонглировать margin padding ...

[serjico]

видел примеры где используюсться отрицательные значения margin'ов

и понятно типа для чего что бы установить элемент в определенное место

но вот почемуто самостоятельно не получается

———————————--

предлогаю обсудить приемы верстки позиционирования элементов (задачками)

всех благодарю за участие

задачка №1

div по ширене 30% по высоте во всю страницу (100%)

в нем три элемента (div) по вертикали c верху в низ 1 2 3

2 находиться где на середине(выше) и иемеет высоту 100px

1 от ставшеся высоты 35%

3 остальное пространство

(задачка надумана для чего не спрашивайте)

Edited February 25, 2009 by serjico

[mini]

это какое-то извращение... если бы графически посмотреть, а то я так не могу представить как это может выглядеть

[StormMan]

Если я правильно понял, для первого дива задаёшь высоту height:100px;, остальные два видимо придётся засунуть в ещё один див (иначе посчитать 35% от оставшегося будет труднее), этому диву задаёшь высоту height: 100% -100px; и в нём ставишь два дива с размерами в 35% и 65% соответственно. Должно работать без всяких паддингов и маржинов. Сразу предупреждаю - не тестил. Если что работать не будет - пиши.

P.S. Следи за грамматикой - я только с третьего раза понял, что написано. Думаю, многие после первого раза просто закрывают такие сообщения и идут дальше

Edited February 25, 2009 by StormMan

[Searcher]

Если я правильно понял, для первого дива задаёшь высоту height:100px;, остальные два видимо придётся засунуть в ещё один див (иначе посчитать 35% от оставшегося будет труднее), этому диву задаёшь высоту height: 100% -100px; и в нём ставишь два дива с размерами в 35% и 65% соответственно. Должно работать без всяких паддингов и маржинов. Сразу предупреждаю - не тестил. Если что работать не будет - пиши.

P.S. Следи за грамматикой - я только с третьего раза понял, что написано. Думаю, многие после первого раза просто закрывают такие сообщения и идут дальше

и как вы зададите высоту height: 100% -100px; без отступов?

[StormMan]

Хм, действительно Сорри!

Плюс в моём примере "div по ширене 30% по высоте во всю страницу (100%)" не сделано. Ща что-нибудь придумаем

[StormMan]

serjico, по первому пункту посмотри здесь: http://www.artlebedev.ru/tools/technogrett...x_floats_in_ie/

С остальным всё-таки придётся повозиться. Я поспешил.

Edited February 25, 2009 by StormMan

[serjico]

serjico, по первому пункту посмотри здесь: http://www.artlebedev.ru/tools/technogrett...x_floats_in_ie/

спосибо было интересно

Edited February 26, 2009 by serjico

[dber]

видел примеры где используюсться отрицательные значения margin'ов

и понятно типа для чего что бы установить элемент в определенное место

но вот почемуто самостоятельно не получается

———————————--

предлогаю обсудить приемы верстки позиционирования элементов (задачками)

всех благодарю за участие

то, что тебе помогут конечно хорошо.... Но если ты действительно хочешь научиться делай это сам... шишки тебе другие люди набить в этом деле не смогут... как сделаешь будешь знать больше, чем просто padding и margin определять