SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Feb 2013
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Screen Resolution Problem

    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...............

    http://www.furtherupdates.com


    Please help

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Hi Inayatullah. Welcome to the forums.

    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:

    Code:
    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

    Code:
    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;
    }


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •