...

View Full Version : 1024 pixel image too big?



sackstein
10-07-2009, 01:16 AM
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?

sackstein
10-07-2009, 09:12 PM
okay....

Apostropartheid
10-07-2009, 09:27 PM
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.

sackstein
10-07-2009, 11:19 PM
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?

effpeetee
10-08-2009, 08:44 AM
It will still depend on your Doctype and Browser used, also the css can influence it.

Frank

satishbhawra50
10-10-2009, 09:09 PM
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

airforce1
10-11-2009, 10:50 AM
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.

bazz
10-12-2009, 01:54 AM
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

DestinDave
10-12-2009, 12:59 PM
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...

cnnikekicks
12-23-2009, 05:43 PM
thats good,thank you

sparkbox
12-24-2009, 04:48 PM
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

Major Payne
05-18-2010, 10:26 PM
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/freejavascript/freescripts1284
http://css-tricks.com/perfect-full-page-background-image/

Might also help:

Choosing Dimensions for Your Web Page Layout:

http://www.elated.com/articles/choosing-dimensions-for-your-web-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/



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum