DIV Background Won't Scroll Along

tomazws · #1 Jan 3rd, 2008, 20:34

Works fine in IE6, though in Safari, Firefox, and Opera, the bg inside this div doesn't scroll.... so weird!

http://www.falanja.com/test.php

Code: Select all

<style type="text/css">
	div {
		width:200px;
		height:50px;
		overflow:auto;
		background:url(images/spreadsheet/column.gif) scroll;
	}
</style>
<div>
	test<br />
	test<br />
	test<br />
	test<br />
	test<br />
	test<br />
	test<br />
	test<br />
</div>

I want the BG to scroll along.... what did i do wrong?

Jack Franklin · #2 Jan 3rd, 2008, 21:28

The only thing I can think of is that you have not assigned:
background-position:
background-repeat:

Try assigning both those values and removing the 'scroll' from the current CSS.

Stuart · #3 Jan 3rd, 2008, 22:24

Change the CSS background attribute to this:

Code: Select all

background:url(images/spreadsheet/column.gif) top left repeat;

That should do it. "top left" is not really required, but it's good to add...

Cheers

tomazws · #4 Jan 3rd, 2008, 23:20

http://www.falanja.com/test.php

^ contains all the fields.... doesn't work either :-\

karinne · #5 Jan 4th, 2008, 16:43

Did you fix this?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Background-Position Causes IE to Scroll	Aerdan	Web Page Design	2	May 11th, 2008 01:37
scroll does not line up text and background	cherishkiss	Web Page Design	2	Feb 22nd, 2007 15:40
Scroll button to scroll flash page	helpmhost	Flash & Multimedia Forum	3	Apr 26th, 2006 11:30
Background and Resolution compatibility, My background gets cut off	Funion	Web Page Design	1	Dec 4th, 2005 04:42
Scroll Bar	sho	Flash & Multimedia Forum	1	Oct 30th, 2005 13:09

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
DIV Background Won't Scroll Along