Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Removing scrolling bars?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #37389
    ArcticPenguin
    Participant

    I selected my overflow as hidden, I have a content box containing a simple java script and images over it. It’s not online yet which is why I’ve added parsnips here :

    My background div :








    Bg-home

    Background css:



    #backgroundImage table, #backgroundImage td {
    height: 100%;
    overflow: hidden;
    width: 100%
    }

    #backgroundImage div {
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    width: 200%;
    z-index: -200;
    }

    #backgroundImage td {
    text-align: center;
    vertical-align: middle
    }

    #backgroundImage img {
    margin: 0 auto;
    min-height: 50%;
    min-width: 50%
    #100345
    xpy
    Participant

    The scrollbars are produced because div#backgroundImage’s width and height are 200%… which makes it 2 times the with of its parent element… I don’t know what are doing there (surely it’s pretty weird :P ) but probably you need to add overflow:hidden to div#backgroundImage’s parent…

    #100364
    ArcticPenguin
    Participant

    Thanks for the input after trying this was my best solution :

    html, body {
    overflow:hidden;
    overflow-x: none !important;
    overflow-y: none !important; }
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.