Правая колонка заезжает на контент.

104

FREEgat

8 июля 2014, 12:27

467

Добрый день, дорогие форумчане. :)

На сайте http://mirstran.com/ на странице записи (например http://mirstran.com/chto-posetit-v-kieve-15-dostoprimechatelnostej-stolicy-ukrainy/) правая колонка при сужении окна браузера наезжает на контент (текст, картинки).

Вопрос: Где и что нужно подкрутить чтобы правая колонка останавливалась на уровне правого края картинки и дальше не двигалась, а поле с текстом при этом сужалось так, чтоб не прикрывался этой колонкой.

И для страниц это тоже актуально (Например http://mirstran.com/zhd-bilety/), но там мин ширина колонки контента должна быть больше.:idea:

Спасибо!!!

91

VulkanPartner

8 июля 2014, 12:52

#1

Крутить нужно в файле: mirstran.com/wp-content/themes/simplicity/style.css

Примерно в этом месте:

#outer-column-container {

	width: 100%;

	height:330%;

	}



#source-order-container {

float: left;

    margin-left: 250px;

    min-height: 100%;

    min-width: 300px;

    position: relative;

    width: 50%;

}



#left-column {

 float: left;

    position: absolute;

    width: 250px;

}



#right-column {

 margin-left: 80%;

    position: absolute;

    width: 250px;

}



#content-column {

  display: table-row;

  vertical-align: top;

}



#content { padding: 0 1em; min-height: 100%;}

Либо сами экспериментальным путем, либо найдите толкового верстальщика с опытом адаптивной верстки! :)

1

https://perestroika.team/ru/ (https://perestroika.team/ru/) Perestroika Affiliates- ведущая гемблинг-партнерка. RevShare - до 60%. CPA - до 150$.

I

54

Ilyon

8 июля 2014, 13:15

#2

Судя по всему, вы хотите адаптивное поведение сайта.

Я рекомендую при уменьшении ширины вьюпорта убирать сайдбар вообще, т.е. в файл style.css прописать display:none, как только ширина уменьшится до нужного показателя. Сбрасывать его вниз как плавающий блок неоправданно.

1

http://miriadna.com (http://miriadna.com)

AdSense: как увеличить CTR Яндекс обновил подход к Google AdSense улучшил адаптивные

Зачем быть уникальным в мире, где все можно скопировать

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах