Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

filling screen in all resolutions

Status
Not open for further replies.

Guest_imported

New member
Jan 1, 1970
0
is it possible to create a site that will always fill the screen no matter what the resolution (ie. there will be no "gaps" if you view in different resolutions, kind of like this website) and without the need to scroll across at smaller resolutions?

how do i go about doing this? i was thinking of initally alining logos and images left and right and center, but a problem arises because my header is an image going across, and i can't "stretch" the image across for bigger browsers.

i'm just wondering how to overcome this problem, and design pages that always fill the screen, no matter what the resolution.

i guess i could design 2 differnt pages and different resolutions, but this is a maintenance nightmare.

any help/tips will be greatly appreciated!
 
there are a lot of things you can do. using align attributes is one. specifying dimensions using percentages instead of fixed units is another. using percentage based tables for layout, or percentage based css for layout.

images are another story. sometimes you're stuck with a given image size and it's just of matter of making sure it stays in an attractive position. with a banner, you can use the image as a background image and make it large enough to still show on a high resolution, while still retaining important info on a low resolution. since the image is a background, it won't cause scrolling if the screen resolution is low. for an example of this, see my never-will-be-completed hompage at . the central image works on various screen sizes while still looking good.

another option if the image is a graphic rather than a photo, and if there is a part of the graphic that would look fine if you could stretch it, is to do just that. divide the image into three parts. the middle part represents the stretch part. the two end parts add as images aligned left and right with no margins. add the middle part as a background image repeating x. with this set up, the header will change size with the browser.
for an example of this, see a site i put together recently at .

glenn
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top