Fit all screen sizes

Discussion in 'HTML & Website Design' started by bengaluru, Jun 20, 2008.

  1. #1
    How do you make a site that would fit all screen sizes. I want the site to be on the full screen.
     
    bengaluru, Jun 20, 2008 IP
  2. richer2004

    richer2004 Guest

    Messages:
    406
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #2
    use <table> with 100% width
     
    richer2004, Jun 20, 2008 IP
  3. BANAGO

    BANAGO Active Member

    Messages:
    456
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    58
    #3
    use this css code

    #yourdivname{
    width: 100%;
    }
     
    BANAGO, Jun 21, 2008 IP
  4. winsoar

    winsoar Well-Known Member

    Messages:
    1,363
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    108
    #4
    Make your graphic as big as the maximum screen size then use Javascript to resize it.
     
    winsoar, Jun 21, 2008 IP
  5. nicangeli

    nicangeli Peon

    Messages:
    828
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thats probably right, but you may not need the div depending on things....

    
    
    body
    {
    width: 100%;
    }
    
    
    Code (markup):
     
    nicangeli, Jun 21, 2008 IP
  6. BANAGO

    BANAGO Active Member

    Messages:
    456
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    58
    #6
    
    body
    {
    width: 100%;
    }
    
    Code (markup):
    This is the default, you do not need to write that.
     
    BANAGO, Jun 21, 2008 IP
  7. nicangeli

    nicangeli Peon

    Messages:
    828
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Then to make a fluid site you just don't have to define any width, surely?
     
    nicangeli, Jun 21, 2008 IP
  8. BANAGO

    BANAGO Active Member

    Messages:
    456
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    58
    #8
    Yep, you are right. This is for divs. For span this does not function.
     
    BANAGO, Jun 21, 2008 IP
  9. codyturk

    codyturk Well-Known Member

    Messages:
    340
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    128
    #9
    width:100%;

    sub divs width:auto; could work also
     
    codyturk, Jun 21, 2008 IP
  10. mdvaden

    mdvaden Active Member

    Messages:
    465
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #10
    Hopefully the text does not stretch full screen.

    I started to expand some pages to 1000 pixels until I noticed what a nuisance they were to read, because then eyes have to start shifting back and forth.

    That's when I realized why paper is generally 8.5" wide.

    So I keep all my content to 800 pixels and 900 pixels wide now.

    About all I'd ever stretch, would be a background where the content was centered.
     
    mdvaden, Jun 22, 2008 IP
  11. bengaluru

    bengaluru Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Thanks guys for all the replies. I found out that If I make the width autostretch, then it fits all screen.

    Thanks
     
    bengaluru, Jun 22, 2008 IP
  12. PSHeads

    PSHeads Peon

    Messages:
    112
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #12
    hahaha beat me to it wordpress dude!
     
    PSHeads, Jun 26, 2008 IP