Have you ever noticed how the different browsers have different vertical resolutions?
chrome has no bar at the bottom, FF has more bars at the top, and IE has bars at the top and bottom. leaving a very different amount of display on the the screen.

im sure many of you have noticed this in the past as i have. but its only when i have come to create a full page image background website that i have been given issues with this.

for example i am modifying this template for a site i am making

in i.e the image fill the entire screen, in firefox it leaves a small gap at the bottom, and in chrome there is a sizeable gap.

is there any methods people can think of for resolving this? as i want the image to display the full height of the browser in all browsers if possible. i have never used multiple style sheets before, would that be a possibility here?

Thanks guys xx

Edited by loveforfire33: n/a

6 Years
Discussion Span
Last Post by Arkinder

Could you post a link to a test site or the markup and CSS that you have already tried? There are several ways to do this, but I would rather not list them all if they aren't relavent to what you're doing.


This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.