- This topic is empty.
-
AuthorPosts
-
December 22, 2014 at 9:12 am #191434tbarkoParticipant
Trying to make this static site (http://insightfultreasures.com/) responsive. Everything seems to be working adequately in Chrome and Firefox, but even Explorer 11 has no clue what’s going on with the media queries. I am self taught with much to learn and I’m sure there must be a better way than what I have done, but at least it’s adequate, still I have no idea how to fix it in Explorer. I used the Boilerplate template and I thought normalize.css was supposed to make it cross platform compatible, but something’s wrong somewhere. Help would very much be appreciated. Thanks.
redesign found here: http://barkodesign.com/Faith/December 22, 2014 at 9:24 am #191435Paulie_DMemberYou seem to have multiple sets of media queries
Line 190
Line 299Whether this is the issue I don’t know.
December 22, 2014 at 9:38 am #191436Paulie_DMemberWait…are you nesting these media queries?
http://stackoverflow.com/questions/11746581/nesting-media-rules-in-css
December 22, 2014 at 11:13 am #191444SenffParticipantI think you’re just missing some closing brackets for media queries here and there. Once that happens, IE will ignore them.
For example:
@media screen and (max-width: 837px) { nav {margin-top: -14%;} @media screen and (max-width: 825px) { #grow h1 {width: 50%;} #right_top h2 {font-size: 1.25em;} #right_bottom h2 {font-size: 1.15em;} footer {margin-top: .5%;} } @media screen and (max-width: 785px) { nav {margin-top: -14.5%;} @media screen and (max-width: 790px) { #outer_wrap {width: 100%;} nav {margin-top: -15%;} }
Should be:
@media screen and (max-width: 837px) { nav {margin-top: -14%;} } @media screen and (max-width: 825px) { #grow h1 {width: 50%;} #right_top h2 {font-size: 1.25em;} #right_bottom h2 {font-size: 1.15em;} footer {margin-top: .5%;} } @media screen and (max-width: 785px) { nav {margin-top: -14.5%;} } @media screen and (max-width: 790px) { #outer_wrap {width: 100%;} nav {margin-top: -15%;} }
December 22, 2014 at 5:37 pm #191460tbarkoParticipantThanks, Paulie_D and Senff, for taking the time to look at this. As you both pointed out I omitted a couple of brackets. Thought I had double checked it, but obviously missed those. Working now thanks.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.