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 12 of 12
  1. #1
    Regular Coder
    Join Date
    Jan 2009
    Posts
    160
    Thanks
    40
    Thanked 1 Time in 1 Post

    1024 pixel image too big?

    In trying to make my site formatted to fit the most common resolution 1024x768, I formatted my banner images to be 1024x various heights.

    The problem is that on computers with that resolution there is a horizontal scroll bar. So obviously I know how to fix this but I am just curious as to why it is not fitting in the browser window without scrollbars?

  • #2
    Regular Coder
    Join Date
    Jan 2009
    Posts
    160
    Thanks
    40
    Thanked 1 Time in 1 Post
    okay....

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Okay to you too. We have lives, you know, and they're not centered around you: we're doing everything here voluntarily, out of our own time.

    What browser? What code? More information is needed.

  • #4
    Regular Coder
    Join Date
    Jan 2009
    Posts
    160
    Thanks
    40
    Thanked 1 Time in 1 Post
    That message was directed towards a spam guitar lesson post. not to you or others on here heh..


    No code just a concept question really. If i have an image with a width of 1024 on a browser with a resolution of 1024x768 shouldn't there be no horizontal scroll bars?

  • #5
    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
    It will still depend on your Doctype and Browser used, also the css can influence it.

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

  • #6
    New to the CF scene
    Join Date
    Oct 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The problem is that on computers with that resolution there is a horizontal scroll bar. So obviously I know how to fix this but I am just curious

  • #7
    New Coder
    Join Date
    Sep 2009
    Posts
    22
    Thanks
    0
    Thanked 2 Times in 2 Posts
    I think if you want your site to display fully on a 1024px width screen without scrolling, then the biggest container width of your contents might be less than 960px. Just use a DIV as the most outside container would be OK. I think Dreamweaver has a built-in recommendation on this issue for your reference.

    Wish this help.

  • #8
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    yeh, I can't recall the mesaurements but you need to allow for the width of the vertical scrollbar and subtract that from 1024. The remaining figure is the max size available/possible, without causing a horiz scrollbar. 980 rings a bell but 960 should definitely be within the limit.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #9
    New to the CF scene
    Join Date
    Oct 2009
    Location
    Wake Forest, NC area
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I had the same issue a while back and I just experimented with the size until the scroll bar was gone.. 1006px on a 19" monitor using Firefox for my usual browser.
    Now I have tools - if you are using Firefox, download and use the Web Developer add-on which has a lot of great useful goodies including a ruler...

  • #10
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thats good,thank you

  • #11
    New Coder
    Join Date
    Dec 2009
    Location
    Sleaford, LINCOLNSHIRE
    Posts
    58
    Thanks
    0
    Thanked 1 Time in 1 Post
    best bet is to make your header image 960 X "whatever" then if you want to extend it for higher resolutions set a background image, thatway no chance of a horizontal scrollbar
    Last edited by oracleguy; 12-24-2009 at 07:02 PM.

  • #12
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    820
    Thanks
    10
    Thanked 78 Times in 76 Posts
    Quote Originally Posted by sackstein View Post
    In trying to make my site formatted to fit the most common resolution 1024x768, I formatted my banner images to be 1024x various heights.

    The problem is that on computers with that resolution there is a horizontal scroll bar. So obviously I know how to fix this but I am just curious as to why it is not fitting in the browser window without scrollbars?
    It's not the resolution that is the problem. It is the browser's working window size at any resolution being used. I would use the methods shown on these sites to resize the background image to fit the browser. Be glad when CSS 3.0 is fully supported so BG images can be resized.

    Background to Fit Screen II: http://paynelessdesigns.pastebin.com/f760990b | http://paynelessdesigns.pastebin.com/VUSbessd
    http://www.cssplay.co.uk/layouts/background
    http://www.scriptdungeon.com/freejav...reescripts1284
    http://css-tricks.com/perfect-full-p...kground-image/

    Might also help:

    Choosing Dimensions for Your Web Page Layout:

    http://www.elated.com/articles/choos...b-page-layout/
    How to create flexible sites quickly using standards like CSS and XHTML: http://www.ibm.com/developerworks/web/library/wa-rapid/
    In Search of the Holy Grail: http://www.alistapart.com/articles/holygrail/
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

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