Media Queries Help

[dhechler]

Hey Guys,
So I’m having some media queries trouble. For the life of me, i cannot get this to work.
Heres my code in my css.

#right { display: block; float: left; height: 825px; width: 555px; overflow: hidden; background: url(images/right_bg.png) 100% 0 no-repeat; margin: 46px 0 0 40%; }
@media all and (max-width: 900px) and (min-width: 500px) {
#right {
height: 680px;
}
}

Basically i want my right div to resize height when the screen is 900px or smaller. It’s just not registering.
heres the link to the testing site.

http://testing.naphtalimarshall.com

thanks,
david

[rickylamerz]

I never use inline media queries (if that’s what you call these?) I always include a stylesheet that needs to be applied in case of a certain resolution.

Like this:

[Author]

Posts