Отзывчивая ошибка дизайна

Question

Я действительно отчаянно нуждаюсь в ошибке позиционирования элементов DIV при попытке создать шаблон для нового адаптивного макета веб-дизайна.

URL-адрес является: http://cs.renault-club.cz/responsive_005_bug.php

Проблема: при изменении размеров окна, чтобы быть меньше, чем 800px, то «sidebar_right» (онлайн пользователей) DIV элемент отображает не непосредственно под «obsah» (содержание) DIV, но отскочил под элементом боковой панели «sidebar_left» (меню).

ПОМОГИТЕ! Я провел уже 2 часа, пытаясь что-нибудь, но без какого-либо успеха :(

В менее чем 500px он работает отлично, а также больше, чем 800px. Текущая ширина окна отображения в верхнем левом углу.

Answer 1

У вас есть в 2 СМИ запросы, вызывающие его толкать вниз: если вы удалите этот

@media screen and (max-width: 800px) 
#obsah { 
    width: 80%; 
} 

, а также удалить этот

@media screen and (max-width: 800px) 
#sidebar_right { 
    width: 50%; 
} 

он будет работать, как вы видите ниже:

Answer 2

хорошо, между 500 и 800px #sidebar_right имеет с 50% - это слишком много, чтобы соответствовать право других элементов (кажется, это определяется рядный, в style тег в верхней части, что страница)

Answer 3

это не ошибка. так работает модель коробки. попробуйте:

#sidebar_left { float:left; }