Допоможіть розібратися, як правильно зафіксувати (position: fixed) колонку в макеті.
Є у мене в макеті 2 колонки, ліва і права. У лівій частині панель, яку хочу "прикрутити" так, щоб при прокручуванні сторінки вгору і вниз, вона була строго фіксованою і нікуди не з'їжджала. При цьому щоб права колонка, яка містить в собі стрічку записів, вільно могла прокручуватися.
Так само, хочеться досягти максимальної пристосованості, щоб на маленькому екрані все це у вигляді плиток шикувалися один-за одною (тобто в одну колонку).
HTML код двох колонок:
CSS код для цих колонок:
На великому екрані краса, все як треба. Але от якщо почати звужувати розміри вікна браузера, то починається страшна картина, все скорочується не так як треба. Виглядає страшно. Особливо на самому мінімумі, до якого можна браузер у фоновий режим по горизонталі. І елементи сторінки не шикуються в одну колонку один-за-одного, як це було до опису тих двох класів (right і left) на CSS.
А хочеться максимального досягнення своєї мети і адаптивності. Чи не підкажете як реалізувати все це?
А якщо необхідно зафіксувати панель, на якій знаходяться дві кнопки (рис.1)?
Справа в тому, що якщо їм привласнити position: fixed, то вони набувають стандартну ширину і переміщаються в лівому нижньому кутку екрану (рис.2), і за фактом-то вони фіксується при прокручуванні, але ось необхідний розмір не набувають.
Спасибо большое, дійсно допомогло