Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Aug 2002
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts

    screwy bg height or..

    hm,
    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.

    ss

    here's a link to one example: contact page

  • #2
    Master Coder
    Join Date
    Feb 2003
    Location
    UmeŚ, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    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.)
    Last edited by liorean; 01-28-2004 at 02:44 AM.
    liorean <[lio@wg]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

  • #3
    New Coder
    Join Date
    Aug 2002
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hm, ok. that makes a lot of sense. to put it into action though, .. I would want to make the position:relative for everything?

  • #4
    Master Coder
    Join Date
    Feb 2003
    Location
    UmeŚ, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    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.
    liorean <[lio@wg]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

  • #5
    New Coder
    Join Date
    Aug 2002
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

    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.


    SS
    Last edited by select sires; 02-05-2004 at 12:14 AM.

  • #6
    New Coder
    Join Date
    Aug 2002
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question

    to the top... please take a look, if possible.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •