scroll bar

oriol / 2009-10-04 21:13:40   

Hi
Maybe someone can help me please...
My menu was too long and I had to customize my scroll bar to put it to the right side of the window, in my stylecss.
Like this:

#menu {
background-repeat: no-repeat;
width: 190px;
overflow: visible;
top: 0;
bottom: 0;
left: 0;
position: absolute;
height: 100%;
background-color: #fff;
}
But now you can see in my website, www.oriolnogues.com
the scroll bar is in the right place, but the white space under the menu it's not so long as I need to cover the background image (that's repetead also, and I don't know why)

I hope someone can help me with that, I'm really don't know what to do.
Thanks!

arsondpi / 2009-10-04 22:52:09   

...how about an address to begin with?
;-)

oriol / 2009-10-05 00:26:31   

www.oriolnogues.com

arsondpi / 2009-10-05 09:49:05   

You'll need to apply background: #fff; to #menu .container...

And try the fibug plugin for firefox. It's easy to inpect and change css/html attributes on the fly to see how things work. Then you can copy the bits of code and paste them in your style.css

oriol / 2009-10-05 11:46:08   

Hi arsondpi,
thanks for the answer. I apply background: #fff to menu.container but nothing change.
The white space (container of the menu) still keep the size of the original window, and when you scroll, the text is over the backgroud image.
see here: www.oriolnogues.com
Do you think I need apply some more text? (like height, or something about the repeat scroll...)

I tried also the firebug plugin but it's really hard to understand to me, cause the html that I can see trought firebug in my site then doesn't appears in my css.style.
I guess I explained well the problem.
Thanks

oriol / 2009-10-05 12:26:31   

Hi arsondpi,
Don't care, I think I get it!
Thankyou so much

This thread has been closed, thank you.