View Full Version : screwy bg height or..

select sires
01-28-2004, 02:22 AM
my background files seem to end early, and not reach cut off at the bottom of the scree, but rather at one certain point. It looked fine on one comp with a high res. but looking at it on one with a lower res. it seems to cut off.

any help is appreciated, criticism is welcome (and somewhat expected in the code) as long as i get that bg problem solved first.


here's a link to one example: contact page (http://www.xdowntonothingx.com/contact.html)

01-28-2004, 02:38 AM
Haven't looked at the source, but I know what your problem is. You see, since the background is fixed, it is locked in position relative to the viewport, right? Viewport = window or frame. And we know that a background is only diplayed for the element it is assigned to, right?

Now, ponder that the element with the background image is less than the whole canvas in size, and scrolls with the document. That would mean there are pieces of the canvas that are not covered by the element, and when those pieces are scrolled into view, the background will naturally not be displayed there.

I believe your problem lies in an element sized to the viewport, but a canvas larger than that. That means you will get those uncovered parts of the canvas if you scroll the document.

Solution for correction? Make sure the element with the background sizes to the canvas and not the viewport.

(There are other things that might produce the same effect - or rather, they might induce the exact same problem. Removing elements from the flow, for example. If you float an element, or position it absolutely or fixed, it will not be in the normal document flow. Which means that it may render outside of the body, or html elements, or any container element within. You're using absolute positioning there, so that may be the cause.)

select sires
01-28-2004, 03:34 AM
hm, ok. that makes a lot of sense. to put it into action though, .. I would want to make the position:relative for everything?

01-28-2004, 03:36 AM
I don't know, really. I've been working on a problem of my own, so I didn't take the time to have more than fast look at your page and code. It depends on what solution fits your page and wanted design best.

select sires
01-29-2004, 02:53 PM
i'm gonna send this to the top (not because i'm trying to be a pain), but because i still haven't been able to get this fixed.. if anybody has the time to take a look it would be much appreciated, this is getting to me, finally. :confused:

i know this probaby goes to the heart of where my weaknesses are in coding, so I think being able to fix this, and understanding it, will get me much further.


select sires
02-05-2004, 12:16 AM
to the top... please take a look, if possible.