CODEWITHSUNDEEP
htmlcsslayout
TonalDev
TonalDev

Reputation: 583

CSS layout changes with resolution

I'm designing a chat page for a radio station and i am working on a 1360X768 Res' on a 32Inch screen.

When i ask friends to check the page layout it gets messy for them or elements get smaller in screen and the page wont stay consistent.

If its possible i would like to know if there is a fixed settings i need to insert to "body" in CSS so things like that wont happen, and when i move an element in my screen it will stay like that with other resolutions/screens.

The web page in question

Also, if its ok to ask 2 different things but related. I want to add the scrolling stats on the bottom to the bottom player..right where it says "now playing".

But everything i try wont make it go on top of it..z-index wont help.

Any thoughts?

Upvotes: 0

Views: 1123

Answers (1)

Paul Fleming
Paul Fleming

Reputation: 24526

  • The first mistake you're making is you're designing on a particular resolution.
  • The second mistake you're making is that the resolution you're designing on is way above the most commonly used 1024x768.

Take a look at MediaQueries. They allow you to build a fluid website that changes drastically at given resolutions.

Upvotes: 4

Related Questions