View Full Version : Making my site viewable on all computer sizes with no scolling?
Jan-13-2010, 03:14 PM
I'm speaking about my home page. I sent my site site around to get some opinons from some of my friends. Some claim that they have to scroll left and right because the front page image and header is not fitting perfectly. They are using 1024x resolution screens. Mine is 1440x900 (22" widescreen). It looks fine on my screen but I want to make it look viewable on all screens without any scrolling on the front page...
so what should/can i do?
my current header and picture are 950x pixles width. Should i just make the images smaller? is there some type of CSS that will automatically make everything smaller so it can display smaller on smaller screans?
Jan-13-2010, 03:26 PM
I suppose you could make the front page image smaller. That image alone is 950 px. Try something like 750px.
Jan-13-2010, 05:13 PM
yeah but then i think 750 is to small on bigger screens :(
I think 850px width is do-able, do you think that would be good enough for a 1024x resolution screen.
Jan-14-2010, 06:59 PM
Originally my padding or w/e it's called was set to 1080px. Apparently my homepage content alone isn't fitting in a single screen for people without scrolling left to right. I then changed that to 980px.
Did I do the right thing? I noticed that some of the scrolling was taken away when i made webpage smaller.
I basically want to have everything displayed normally for 1024x768 and up.
But I'm using a 22" widescreen with 1600x1000 res so it's hard for me to tell exactly.... I would also not want to make my content to small for the higher resolution screens if that's possible.
My header and front page image are set at 950px width... maybe that has something to do with something? I donno :scratch :huh
Jan-15-2010, 04:13 AM
But I'm using a 22" widescreen with 1600x1000 res so it's hard for me to tell exactly....
The size of your monitor doesn't prevent you from viewing your site as it would be seen on a smaller monitor. Use a smaller browser window to mimic a smaller screen.
You might consider reducing the height of your banner. You have quite a bit of white space above the banner image, and on a laptop with a wide screen (many newer laptops have wider screens with less height) having that extra white space means less space for your photos. And I maintain that the photo viewing experience should take precedence over a large (height) banner.
vBulletin® v3.8.5, Copyright ©2000-2013, Jelsoft Enterprises Ltd.