Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Member
    Join Date
    Sep 2011
    Location
    Vancouver,Canada
    Posts
    88
    Member #
    29393
    Liked
    2 times
    Hi.Guys..Do you know how can i get deal with screen resolution.Cause in my client he have this wide screen and he didnt like it in his screen show up but in my screen.Its look good..Im using my laptop..

    See the images for the difference..

    Any suggestions guys how can I deal with this thing....

    I just change my code and kindly tell me if this was right to have the right code and for compatible screen


    body{
    min-width:100%;


    }

    #wrapper {
    width:69.25em;
    margin:auto;
    border: 1px solid;



    }


    #logo {
    background:url("../images/schoolName.png");
    height:12em;
    background-repeat:no-repeat;
    margin-left:3em;

    }


    header{
    margin-top:8em;

    }


    header nav#mainMenu {

    margin-left: 2.5em;
    margin-top: 2em;
    }

    header nav#mainMenu ul {
    margin: 0 0 0 1em;
    padding: 0;

    }

    header nav#mainMenu ul li{
    float: left;
    }

    header nav#mainMenu ul li a {
    display: block;
    color:#739E4E;
    text-decoration: none;
    margin: .25em 1em 0 0;
    font-family: 'MV Boli', Arial, Helvetica;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: capitalize; /* adds the capitals to the words */
    text-align:center;
    }

    header nav#mainMenu ul li a img {
    display: block;
    }

    header nav#mainMenu ul li a p {
    display:inline;
    } /* so the border will only be as wide as the text - remember, a block level tag runs as wide as it can, unless we force it to be inline or set a width */



    header nav#mainMenu ul li a p:hover {
    border-bottom: 1px solid #ba4d9c;
    }



    #logIn{
    color:#ba4d9c;
    margin-left:55.13em;
    margin-top: 6.12em;
    text-align:center;
    font-family: 'MV Boli';
    float:right;
    }
    #logIn img{

    height:5.22em;

    }
    #logIn p{

    text-align:center;

    }

    footer{
    font-size:.6em;
    font-family: 'MV Boli';
    clear:both;

    }

    footer #copyright{
    color:#ba4d9c;
    margin:auto;
    margin-left:39em;

    }


    Thanks....
    Attached Images Attached Images

  2.  

  3. #2
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    What you need to do is give us a lil bit more information regards what your issue is.

    The only thing i can see as the issue is that you are running a bigger resolution than the Clients Mac. Make sure your containers are a minimum of 1000px wide and it should help issues.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  4. #3
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    the only way to make the site look similar on all monitors is to:

    1. design in percentages ( layout, images, fonts ).
    2. create separate style sheets and image sets.

    for the differing resoultuions.

    From what I can see of the 2 images ( I'm guessing ), you're running at 1024X768 and he's running at 1960X1080 ( or more ), and your site is set to display at 800px width.

    More information would be helpful, but from what I see, it's not a "quick fix"

  5. #4
    Member
    Join Date
    Sep 2011
    Location
    Vancouver,Canada
    Posts
    88
    Member #
    29393
    Liked
    2 times
    Thanks for all the reply...Trying to convert them into a liquid pages...

  6. #5
    Member
    Join Date
    Sep 2011
    Location
    Vancouver,Canada
    Posts
    88
    Member #
    29393
    Liked
    2 times
    hey guys....

    Kindly take a look...if this is right to be in all same screens

    body{
    min-width:100%;


    }

    #wrapper {
    width:69.25em;
    margin:auto;
    border: 1px solid;



    }


    #logo {
    background:url("../images/schoolName.png");
    height:12em;
    background-repeat:no-repeat;
    margin-left:3em;

    }


    header{
    margin-top:8em;

    }


    header nav#mainMenu {

    margin-left: 2.5em;
    margin-top: 2em;
    }

    header nav#mainMenu ul {
    margin: 0 0 0 1em;
    padding: 0;

    }

    header nav#mainMenu ul li{
    float: left;
    }

    header nav#mainMenu ul li a {
    display: block;
    color:#739E4E;
    text-decoration: none;
    margin: .25em 1em 0 0;
    font-family: 'MV Boli', Arial, Helvetica;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: capitalize; /* adds the capitals to the words */
    text-align:center;
    }

    header nav#mainMenu ul li a img {
    display: block;
    }

    header nav#mainMenu ul li a p {
    display:inline;
    } /* so the border will only be as wide as the text - remember, a block level tag runs as wide as it can, unless we force it to be inline or set a width */



    header nav#mainMenu ul li a p:hover {
    border-bottom: 1px solid #ba4d9c;
    }



    #logIn{
    color:#ba4d9c;
    margin-left:55.13em;
    margin-top: 6.12em;
    text-align:center;
    font-family: 'MV Boli';
    float:right;
    }
    #logIn img{

    height:5.22em;

    }
    #logIn p{

    text-align:center;

    }

    footer{
    font-size:.6em;
    font-family: 'MV Boli';
    clear:both;

    }

    footer #copyright{
    color:#ba4d9c;
    margin:auto;
    margin-left:39em;

    }

    tell me if theres need to be added or change with the em and %..thanks,,


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:16 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com