Не могу решить задачу с div

[cmig]

Задача заключается в том что есть основной контент он расположен по центру с статической шириной(колонной в общем) и вот нужно прилепить к этой колонке div c лева, смотрите рисунок

[Softlink]

cmig,

Меню статичное или будет двигаться по вертикали?

[cmig]

высота статическая

[Softlink]

высота статическая

Я не про высоту. Меню всегда в одном месте находится или будет передвигаться по вертикали?

[cmig]

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

Edited August 10, 2012 by cmig

[Softlink]

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

Тогда надо делать так, получается?

[cmig]

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

[Softlink]

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

Раз она второстепенная, используйте позиционирование.

.class{
position: absolute;
top: /* ваше значение*/;
left: 50%;
margin-left: -/*половина ширины контента+ширина меню*/;
}

[hedgehog]

Раз она второстепенная, используйте позиционирование.

.class{
position: absolute;
top: /* ваше значение*/;
left: 50%;
margin-left: -/*половина ширины контента+ширина меню*/;
}

В этом случае при уменьшении окна браузера блок начнет уезжать за границы и станет невидимым. Не лучше ли вложить этот блок во враппер с "margin:0 auto;" и увести его влево на величину, равную ширине fixed блока?

[USF]

2 вложенных блока

первый фиксированный на всю ширину.

position: fixed;
top: 0;
left: 0;
width: 100%;

внутри него абсолютно позиционированный

position: relative;
width: 240px;
margin: 0 auto;
top: Npx;
left: Npx;

так как контент располагается по середине, то задав абсолютному элементу ширину и margin: 0 auto мы его так же помещаем по середине. В с помощью left и top сдвигаем на край. В случае изменения окна браузера он должен оставаться на месте, так как при увеличении его относительного left пропорционально увеличивается ширина контента от середины экрана

В этом случае при уменьшении окна браузера блок начнет уезжать за границы и станет невидимым.

в моем варианте такое тоже наблюдается. но это, думаю, понятно от чего

Edited August 10, 2012 by USF

[cmig]

Softlink

спасибо тебе величайшее Человечище =) Даст бог денег - озолочу =-) жаль плюсик дать не могу

ЗЫ:тему можно закрыть

Edited August 11, 2012 by cmig