CSS Forum

**soap** · 10-22-2007, 11:03 PM

Anybody know why I'm getting a scrollbar on this page?
http://www.digitalhappymeal.com
here is the css and html

Code:

#dots {
    background-color:transparent;
    background-image:url('images/dot.gif'); 
    z-index:101;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    }
#enter {
    background-color:transparent;
    background-image:url('images/dot.gif');
    background-repeat:repeat;
    z-index:103;
    position:absolute;
    width:100%;
    height:auto;
    top:121px;
    left:1px;
    }

Code:

<body style="background-image:url('images/rosie-main.jpg');background-repeat:no-repeat;">
    
    <div id="dots">
    </div>
    
    <div id="enter">
        <a href="fashion.html"><img src="images/enter.png" alt="Ryan Aylsworth" /></a>
    </div>
</body>

**chrishirst** · 03:46 AM

No idea off hand,
though you could try correcting the embedded CSS for the scrollbar colours, the # is missing from the colour code.

<edited to add>

Your dot.gif overlay is 944 x 633 pixels crop it to maybe 10x10 and and use it as a repeating background

**soap** · 10-23-2007, 04:02 PM

Yeah I did those things still having the issue.
I think the issue lies somewhere in the width and height percentages.
I have fiddled with it a lot, still no luck.

**soap** · 10-23-2007, 04:05 PM

meh... fixed it.
The problem was i had positioned absolute instead of fixed, so it was extending it a couple pixels.
Let that be a lesson to everybody!!