Responsive Design Bug

Question

Ich bin wirklich verzweifelt über DIV Elemente Positionierung Bug beim Versuch, eine Vorlage für ein neues responsive Layout Web-Design zu erstellen.

Die URL lautet: http://cs.renault-club.cz/responsive_005_bug.php

Das Problem: Wenn Sie die Größe des Fensters kleiner als 800px, die "sidebar_right" (Online-Benutzer) DIV-Element zeigt nicht direkt unter dem "obsah" (Inhalt) DIV, aber sprang unter dem "sidebar_left" (Menü) DIV-Element.

Bitte HILFE! Ich habe schon 2 Stunden alles versucht, aber ohne Erfolg :(

In weniger als 500px es funktioniert gut, aber auch größer als 800px. Die aktuelle Fensterbreite auf der linken oberen Ecke angezeigt wird.

Answer 1

Sie haben a 2 Medien-Anfragen verursacht es nach unten drücken: wenn Sie diese

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

entfernen und auch dieses

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

entfernen, es wird funktionieren wie Sie unten sehen:

Answer 2

gut, zwischen 500 und 800 Pixel #sidebar_right ein mit von 50% - das ist zu viel Recht der anderen Elemente zu passen (scheint wie folgt definiert inline, im style-Tag an der Spitze, dass Seite)

Answer 3

das ist kein Fehler. So funktioniert das Box-Modell. versuchen:

#sidebar_left { float:left; }