COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Смещение блоков в мобильной версии


Recommended Posts

Всем привет, нужна помощь: стояла задача на главной странице в левой колонке вставить несколько блоков (вконтакте, новости). Для корректного отображения блока вконтакте было необходимо увеличить ширину правого блока с 240 рх до 280 рх, соответственно уменьшить центральный блок, что я и сделал через стили.

 

#column-right {
    width: 280px;
}

#column-right + #content {
    width: 860px;

}

 

Так вот в мобильной версии все что по центру уплывает вниз, под правую колонку. а на РС нормально. Где-то на форуме встречал подобный вопрос, но ответа не было. Вроде как по логике надо ширину центрального региона сделать автоматически, но что-то не получается(( если что сайт http://didjam.com/

Ссылка на комментарий
Поделиться на других сайтах

не проще ли было вконтактовский блок привести к нормальной ширине чем переписывать стили сайту и потом мучаться с исправлением ошибок ?


Ссылка на комментарий
Поделиться на других сайтах

не проще ли было вконтактовский блок привести к нормальной ширине чем переписывать стили сайту и потом мучаться с исправлением ошибок ?

сначала так и хотел, но появляются полосы прокрутки и как-то совсем узковато, но главное это полосы все портили, от которых не получилось избавиться стилями. Думаю и здесь проблема небольшая, просто пока не получилось самому допереть. Или все так сложно?

Ссылка на комментарий
Поделиться на других сайтах

ну проще от полос избавится overflow: hidden; ну и вконтактовскому блоку задать ширину меньше подсчитав так что бы правую фотку не показывало если расположить блок с центровкой


Ссылка на комментарий
Поделиться на других сайтах

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.