raise scrollbar like swearwords

[spacedust]

hello,

on a horizontal scrolling website, i am trying to raise the scroll bar like:
http://www.swearwords.com.au/#work_0

do you know how i can get the scrollbar to move and create a footer below?

thanks!

[virtual]

The scroll bar is not raised, there is a background image positioned immediately below it which give this effect.
Look for this code in the CSS

#tab_work {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/site/bg_tab_work.gif) repeat-x scroll left top;
height:35px;
overflow:hidden;
}

[spacedust]

i know to add the css code above to my css stylesheet.
how can i add that effect to my template?

thanks for your help.

[virtual]

I’m sorry I don’t understand what you mean, :? what don’t you know how to do?

[spacedust]

not sure how to get the css style called out on my index page.

[virtual]

Without a link to your page it is difficult to see what you have done and how to achieve the effect you want.

[spacedust]

i have added an image in the background on both the css and the footer.php file. the images show up, just do not pop the scroll bar up, it remains below the footer.

i am testing here:
http://martinmancha.com/test/

i am trying to get the scrollbar above the footer area like:
http://www.swearwords.com.au/

thanks again, appreciate any more tips!

[virtual]

You have a width of 12000px on your container tag which is why you are getting the scroll bar on the browser window. To make your site work like that you will need to restructure your markup.

To do that look at their source code, you will see that the html layout of their site is very different. They are using position: absolute not floats and widths in percentages. Redo your html and then copy their css and apply it to your html.

Taking apart a site like that and rebuilding it is an excellent way to learn.

[Author]

Posts