Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Jul 2008
    Posts
    150
    Thanks
    24
    Thanked 0 Times in 0 Posts

    problem with the css , help please

    hello

    i was working on design new style for games script called onarcade
    and i want to stretch it , i mean i want to make the script width full screen

    in the script one css file and i had a try with it but i failed
    so u can download the script from here

    http://www.***********/download/14849983ecd99b03/

    and here is example for the script with the original width
    http://games.s11w.com/

    and here is other example for the script after stretch it and after making the width full screen
    http://qss.bdr130.net/

    so help me please and thanks every body

  • #2
    New Coder
    Join Date
    Jan 2008
    Posts
    38
    Thanks
    1
    Thanked 0 Times in 0 Posts
    to make it full screen width, set your wrap div's width to 100%. the wrap div is a div surrounding your entire body code. Depending on how your code is written and positioned, you could have more problems after doing this, but anyway its the first step. here's an examples of how this could work:

    if #wrap="800px",
    and there is a div inside the wrap that is floated on the right, it will float at the right edge of that 800px.

    once #wrap="100%",
    the div floated on the right will float on the right of the browser window, no matter what the window's size.

    I think everything I said is correct, but I'm not very advanced at this, hope I helped a bit.

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Generally speaking, ems or %ages are better for sizing. They are much more tolerant of screen resizing.

    Have a look at this.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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