Website bei aktivem Media Query nicht mehr zentriert

[Pudiii]

Hallo zusammen,

ich habe das Problem, dass meine Website aus irgendeinem auf einmal nicht mehr zentriert ist, wenn ein bestimmtes Media Query aktiv ist.

Hier die Website:
Und die CSS-Datei:
(die Media Queries sind ganz unten in der CSS-Datei)

Bei der normalen Ansicht ohne Media Query, sowie beim ersten Media Query ((min-width: 737px) and (max-width: 977px)) funktioniert die Zentrierung einwandfrei, lediglich beim zweiten Media Query nicht.

Vielleicht könnt Ihr mir sagen, was ich da falsch gemacht habe.
Vielen Dank im Voraus!

P.S.: Ich habe noch ein anderes kleines Problem mit den Media Queries, das ich mal in einem andern Thread beschrieben habe:
http://www.html.de/threads/problem-mit-media-queries-auf-handy.51666/

 

[Tronjer]

Vielleicht könnt Ihr mir sagen, was ich da falsch gemacht habe.

Problem sind das float:left auf main und die width auf div#container.

Verwende Firebug zum Abschalten einzelner Styles, wenn es Darstellungsprobleme gibt.

 

[Pudiii]

Perfekt, vielen Dank!

Bei der Breite des Containers habe ich wohl einen groben Schnitzer übersehen :|

Und danke für den Tipp mit Firebug - Chrome hat ja auch so eine Funktion, aber irgendwie bin ich nicht drauf gekommen .. ^.^