Съезжает правая колонка

@ckjet · Регистрация: 16.12.2014

Студворк — интернет-сервис помощи студентам

По адресу http://conciergegroup.ru/service/10 возникает проблема с правой колонкой(съезжает вниз) при использовании разрешения 1366х768. Проблема проявляется когда открываешь услуги(аккордеон). Вот как выглядет:

Размер правой стороны вычисляется с помощью js: $(window).width() - left_column_width

@Fedor92 · 16.12.2014, 14:07

ckjet, честно говоря глядя на Ваши скрины - видно только Вашу голову...

При разрешении 1366х768 ничего криминального не увидел... А вот при раpрешении 1024x768 правый колонка заезжает на левую... Скрины прилагаются... Первый(1366х768) - второй(1024x768)...

@ckjet · 16.12.2014, 14:26 **[ТС]**

Правая не заезжает на левую, просто внутри правой колонки меняются боковые отсутпы у контентной части. Я приложил скриншоты что происходит, такое происходит только в хроме ie11. К сожалению я не могу это увидеть в живую, но видел через сервис browserstack.com

@Fedor92 · 16.12.2014, 14:49

Сообщение от ckjet

Правая не заезжает на левую,

На разрешении 1024x768 зезжают - я даже скрины приложил...

Сообщение от ckjet

просто внутри правой колонки меняются боковые отсутпы у контентной части

Это из-за особенностей вёрстки...

@foxxxit · 16.12.2014, 15:10

я бы предложил решение применить к .right-content

CSS
1
2
3
.right-content{
float: left;
}

@Fedor92 · 16.12.2014, 15:19

Сообщение от foxxxit

я бы предложил решение применить к .right-content

Там немного другая ситуация... По всей видимости сайт верстался на большое разрешение при этом блок аккордеона имеет резиновую ширину... Соответственно при заужении окна браузера размеры(ширина) аккордеона в родительском блоке составляет 98%, а поскольку не заданы конкретные фиксированные отступы слева и справа они пересчитываются и становятся меньше...

@ckjet · 17.12.2014, 10:25 **[ТС]**

Как все-таки решить проблему?

Добавлено через 9 часов 37 минут
Кому пригодится - решил так:
сделал margin-left у правого блока в размер левого и убрал float: left у правого блока.

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@ckjet 0 / 0 / 1 Регистрация: 16.12.2014 Сообщений: 10

	Съезжает правая колонка 16.12.2014, 13:14. Показов 2535. Ответов 6 Метки нет (Все метки) По адресу http://conciergegroup.ru/service/10 возникает проблема с правой колонкой(съезжает вниз) при использовании разрешения 1366х768. Проблема проявляется когда открываешь услуги(аккордеон). Вот как выглядет: Размер правой стороны вычисляется с помощью js: $(window).width() - left_column_width 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	16.12.2014, 14:07
	ckjet, честно говоря глядя на Ваши скрины - видно только Вашу голову... При разрешении 1366х768 ничего криминального не увидел... А вот при раpрешении 1024x768 правый колонка заезжает на левую... Скрины прилагаются... Первый(1366х768) - второй(1024x768)... Миниатюры 0

@ckjet 0 / 0 / 1 Регистрация: 16.12.2014 Сообщений: 10
	16.12.2014, 14:26 [ТС]
	Правая не заезжает на левую, просто внутри правой колонки меняются боковые отсутпы у контентной части. Я приложил скриншоты что происходит, такое происходит только в хроме ie11. К сожалению я не могу это увидеть в живую, но видел через сервис browserstack.com 0

@ckjet 0 / 0 / 1 Регистрация: 16.12.2014 Сообщений: 10
	17.12.2014, 10:25 [ТС]
	Сообщение было отмечено Taatshi как решение Решение Как все-таки решить проблему? Добавлено через 9 часов 37 минут Кому пригодится - решил так: сделал margin-left у правого блока в размер левого и убрал float: left у правого блока. 0

Съезжает правая колонка

Решение