Home/ Questions/Q 8739293
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T10:54:27+00:00

I have two containers. When the screen is 500px or less these containers need

  • 0

I have two containers.

When the screen is 500px or less these containers need to sit on top of each other, and both take up 100% of the screen.

When the screen is more than 500px they need to be side by side both taking up equal width of the screen horizontal space.

This needs to work in ie8. I can’t use media queries.

Is this possible just using CSS? (no JavaScript)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is only possible in browsers that support Media Queries, but sadly IE8 does not, though you can get a JS plugin (Respond.js or similar) that will make them work on IE8.

    This is a working version in browsers that support media queries

    The key piece of code is 

    @media 
  screen and (max-device-width: 500px), 
  screen and (max-width: 500px) {

    Support for Media Queries can be seen here

    • 0