DIV Background Won't Scroll Along

This is a discussion on "DIV Background Won't Scroll Along" within the Web Page Design section. This forum, and the thread "DIV Background Won't Scroll Along are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jan 3rd, 2008, 20:34
Junior Member
Join Date: Aug 2007
Location: So Cal
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
Unhappy DIV Background Won't Scroll Along

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?
Reply With Quote

  #2 (permalink)  
Old Jan 3rd, 2008, 21:28
Jack Franklin's Avatar
Resources Administrator

SuperMember
Join Date: May 2007
Location: Cornwall, England
Posts: 1,268
Blog Entries: 7
Thanks: 10
Thanked 4 Times in 4 Posts
Re: DIV Background Won't Scroll Along

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.
Last Blog Entry: My Latest Project - Grilling Gurus... (Jun 11th, 2008)
Reply With Quote
  #3 (permalink)  
Old Jan 3rd, 2008, 22:24
Highly Reputable Member
Join Date: Sep 2007
Age: 15
Posts: 717
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: DIV Background Won't Scroll Along

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
Last Blog Entry: Windows Vista vs. Mac Leopard (Nov 4th, 2007)
Reply With Quote
  #4 (permalink)  
Old Jan 3rd, 2008, 23:20
Junior Member
Join Date: Aug 2007
Location: So Cal
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
Re: DIV Background Won't Scroll Along

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

^ contains all the fields.... doesn't work either :-\
Reply With Quote
  #5 (permalink)  
Old Jan 4th, 2008, 16:43
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: DIV Background Won't Scroll Along

Did you fix this?
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

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


All times are GMT. The time now is 05:55.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43