Results 1 to 7 of 7

Thread: Customize DIVs for Screen Resolution

  1. #1
    Join Date
    Aug 2009
    Posts
    39
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Post Customize DIVs for Screen Resolution

    Right now, I have my DIVs on my site customized with pixels for my margins. I was wondering if there was a way for me to customize the DIVs on my website using CSS so that it fits any screen resolution along with the images on the home page. Thank you very much.

    Here's the website: http://www.clintshipley.com

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Use percentages (%). 50% = half the window (at any resolution).
    Jeremy | jfein.net

  3. #3
    Join Date
    Aug 2009
    Posts
    39
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    When I put the customized width in percentages, I know I can make them specify in different browsers. Will this also work with the picture tags that I have in HTML and the slideshow that I have in Flash on the homepage?

    Also, the resolution that I have it at is 1280 X 800 and it works great on my computer. How would I put the percentages in there without messing the pixels?

  4. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    I don't get what you mean - % will work with every browser, on every computer. 100% = fill screen, 90% = 90% of the screen... etc... It will not work for your flash slideshow (although I'm pretty sure I'm wrong).

    Take a look at the source of: http://unlinkthis.net/examples/percent.html

    It uses %, when you re-size the window, everything shrinks with it.
    Jeremy | jfein.net

  5. #5
    Join Date
    Aug 2009
    Posts
    39
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    I'm sorry. What I mean is, right now I have my DIVs and images set to a certain size in pixels (which fits the screen resolution of 1280 X 800). I wanted to see an example from my CSS/HTML how I could incorporate my pixel settings with my DIVs, images and slideshow for the 1280 X 800 screen resolution and use the percentages to make everything fit the screen better on other resolutions. If this confuses you, don't hesitate to post again and I'm sorry.

  6. #6
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Hmm... I really don't know =/. Try and wait for someone else to respond - but your site looks pretty good when at a small res.
    Jeremy | jfein.net

  7. #7
    Join Date
    Aug 2009
    Posts
    39
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    It's alright and thank you very much for your help. I will definitely try and work with the percentages and see if I can make that work somehow. When I see the site on a bigger resolution, it seems so small and some of the links don't show because of the background.

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
  •