responsive divs in edge don't display like i wish they did

Forum|Forum|9 years ago
January 27, 2017
2 replies
1234 views

i have three columns of text that display correctly in chrome and other browsers but in IE edge they are off on the left and they are narrower.

here's the link

YMF: Young Musicians Foundation

can anyone explain? thanks!

This topic has been closed for replies.

Correct answer christofutti

that did it actually. i put in "and" instead of a comma

@media (min-width: 992)and(max-width: 1199) {

Nancy OShea

Community Expert

It looks OK to me in Edge but I'm not wild about the diagonal mesh or screen or whatever it is. What concerns do you have?

Nancy O'Shea— Product User & Community Expert

C

christofuttiAuthor

Inspiring

Yeah the grid under the text needs to go away. it's the background to the slideshow. the issue was on a large screen, the three columns of text were not displaying correctly in edge but i did the fix above and it is cool. i will get the maesh out of there. thanks

Jon Fritz

Community Expert

HTML errors often cause display issues in random browsers/versions/platforms.

Do you have any structural errors in your html?

Run the validator under File > Validate > Validate current document or go to http://validator.w3.org/nu to get a listing and clean out anything that needs to be fixed.

Post back if cleaning the code doesn't do the trick.

C

christofuttiAuthor

Inspiring

nothing related shows up

i wonder if it has something to do with this:

@media (min-width: 768px),(max-width: 991)

is that stated correctly? works on most browsers

C

christofuttiAuthorCorrect answer

Inspiring

that did it actually. i put in "and" instead of a comma

@media (min-width: 992)and(max-width: 1199) {

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded