cannot call div

Discussion in 'Web Design' started by Manganix, Dec 25, 2014.

to remove all ads.
  1. Manganix

    Manganix Member

    Messages:
    112
    Hi,


    could someone please check

    1: why I cannot separate the div 'IN THE SPOT" from the div's above? If you look at the div 'New Gameplay' that I can set to a margin-top, but the 'IN THE SPOT' sticks to the top no matter what I tried. Can't see what I'm doing wrong...

    2: if the slideshow is full width and screen

    http://gamanga.com/conceptX.html

    Thanks for your help guys and happy holidays!
     
    Last edited: Dec 25, 2014
  2. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,670
    It's because all the preceding elements are absolutely positioned so the top margin of that element is being measured from the top edge of the body element.
     
  3. Manganix

    Manganix Member

    Messages:
    112
    OK, thanks the help.

    I've made some adjustments to the positioning and the the 'margin-top'... seems to be OK now:
    http://gamanga.com/conceptX.html#1
    (took me quite some time: change this, that, and back... trail and error: is this the way everyone works with CSS or am I not aware of a more efficient way?)

    I'm still struggling with the following problem:

    the header is top/left:0 and fixed. But When I scroll the page, the header is disrupted by other elements on the page scrolling under it. Trying to solve this with the z-index didn't help?
    Ex.: Header z-index value is 60000, the 'new gameplay' element has a value of 0, and still it makes the header jump like crazy. Do I not understand the functioning of z-index?

    Thanks for the help and tips!
     
    Last edited: Dec 26, 2014
  4. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,670
    Actually it seems that you do not understand positioning at all I would recommend that you read The kama sutra of CSS before going any further.
     

Share This Page