Media Querie DIV stellt width nicht um

[Juka]

Hey Community, ich stehe hier seit ca. 1 Stunde in Fragen. Ich bin dabei ein Layout zu erstellen inkl. Media Queries (mein erstes mal). Leider ist irgendwas falsch. >.<

Ich möchte das der DIV Container der 1170px Breit ist sich bei der max Breite von 900px auf auto stellt bzw. das width auf auto stellt.

Mein Code:

@media screen and (max-width: 900px) { .container {width: auto;}}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 1170px;    
} 

Leider stellt er sich ab 900px gar nicht auf auto, wieso?

Mfg,

[Juka]

//PUSH, brauche wirklich dringend Hilfe!!!!

[cgee]

Mal ein kleiner Tipp..
Verwende für die width direkt %-Angaben.

[nikosch]

Und warum notierst DU die spezielle Query vor der allgemeinen? CSS Grundlagen.

[jspit]

.. und max-width: 900px besagt dass die (Screen)Breite eben maximal 900px sein darf, damit die Bedingung greift und nicht

ab 900px

.

[nikosch]

Die Frage ist auch, was bei allem ab 901 passiert? Scrollbars? Das scheint mir noch nicht recht durchdacht zu sein