The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Media Queries Help

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #31058

    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.



    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:

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.