Screen Resolution Problem

HTML & CSS
1

I am facing screen resolution problems, my site looking perfect 1152x864 while my web site is not looking perfect with screen resolution 1024 by 768 what should I do…

Please help

2

Hi Inayatullah. Welcome to the forums. :slight_smile:

Your setup isn’t ideal. And how to fix this depends on what you want the layout to do on narrower browser windows.

Anyhow, a quick fix would be to change these styles:

div.seventy_five_percent {
width: 99.9%;
margin-left: 10px;
margin-right: 5px;
}

div.twenty_five_percent {
width: 0.1%;
margin-left: 950px;
margin-right: 10px;
}

div.latest_news_section02 {
width: 915px;
height: 260px;
margin-top: 45px;
border: solid;
border: 3px solid gray;
}

div.forthcoming_movies {
width: 150px;
margin-top: -1128px;
height: 1010px;
border-width: thick;
border: solid;
border: 3px solid #999;
}

to these

div.seventy_five_percent {
  width: 75%;
  float: left;
}

div.twenty_five_percent {
  width: 20%;
  float: right;
  margin: 0;
}

div.seventy_five_percent > div {
  width: auto;
  height: auto;
  border: 3px solid gray;
  margin: 0;
}

div.hundred_percent {
  margin-top: 30px;
}


div.forthcoming_movies {
  width: 150px;
  margin-top: auto;
  height: auto;
  border-width: thick;
  border: solid;
  border: 3px solid #999;
}