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
    Junior Member
    Join Date
    Aug 2012
    Posts
    15
    Member #
    32430

    Best way to make this simple website fit all screen resolutions?

    Hi guys! What's the best way to make this www.jg-translations.com website fit all screen resolutions? It's not targeted to mobile devices, so I think using something like Bootstrap is unnecessarily complicated.


    What I want is for the content in the middle to center itself automatically on 1024x768 resolutions and above.



    Thanks a lot!

    Changing these settings is what worked:

    Code:
    #Table_01 {    position:relative;    width:887px;    margin: auto;}#logo {    …    left:17px;    …}#english {    left: 679px;}#portugues {    left: 769px;}#top {    left: 0;}#bottom {    left: 0;}
    Last edited by ZeHgS; Oct 03rd, 2014 at 06:38 AM.

  2.  

  3. #2
    Senior Member Vapr_Arts's Avatar
    Join Date
    Oct 2013
    Location
    California
    Posts
    1,930
    Member #
    37412
    Liked
    544 times
    (please tell me you are not making the layout using tables?)

    Create a container and set it:
    Width:100%;
    Max-width: 1024px;
    Margin: 0px auto;

    This will make it full screen up to a width of 1024px where it will then stop growing and just center to the page.. I assume this is what you were wanting


    Regretfully sent from my iPhone using Tapatalk during lunch and other breaks

  4. #3
    Junior Member
    Join Date
    Aug 2012
    Posts
    15
    Member #
    32430
    Thanks for the reply!


    No, using divs. In the end I worked it out, changing those settings I said in the edited post did the trick!

    Also, if I wanted the white box to expand once the person clicked next without reloading the page and losing whatever the user has already input, would that jQuery thing you told me about accomplish it??
    Last edited by ZeHgS; Oct 05th, 2014 at 04:32 AM.

  5. #4
    Member Sasseke's Avatar
    Join Date
    Oct 2014
    Location
    Groningen, Netherlands
    Posts
    45
    Member #
    40386
    Liked
    2 times
    Hi ZeHgS
    I have some experience using CSS/HTML and what I do is make all sizes relative.
    So only in % and/or em's. If you use pixels, then it can become ugly (too big or too small) in another resolution.
    And I think also what Vapr_Arts typed can be useful.

    Sasseke

  6. #5
    Banned
    Join Date
    Sep 2014
    Posts
    21
    Member #
    40215
    Liked
    1 times
    Hi,simple website fit all screen,
    container{
    width:960px;
    height:auto;
    margin:0 auto;
    }
    it is maximum use div in webpage and called to width&height % simples.
    Thank you.


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 09:44 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com