4 Replies - 968 Views - Last Post: 14 August 2011 - 05:37 PM

#1 kevinsmock  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 30
  • Joined: 13-August 11

Scrolling DIV won't work in IE.

Posted 13 August 2011 - 09:30 PM

#Table_01 #content {
	position: relative;
        background: url(http://www.firstwheelfilms.com/home-images/Home_04.jpg) no-repeat;
        margin: 0;
        height: 372px;
        overflow: auto;
        float: center;
        padding-left: 20px;
}


In Safari and Firefox, my scrolling DIV works just fine. The content flows down the page as you scroll and the background image stays right in place, just as I want it to appear. However, in IE the image repeats making the page look hacked up and ugly. I've tried many different things like making fixed attachment and not having the image repeat. I can't seem to get this one. Here's the LINK. Thanks! I'm kinda new to CSS and HTML.

This post has been edited by kevinsmock: 13 August 2011 - 09:31 PM


Is This A Good Question/Topic? 0
  • +

Replies To: Scrolling DIV won't work in IE.

#2 hiddenghost  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 39
  • View blog
  • Posts: 621
  • Joined: 15-December 09

Re: Scrolling DIV won't work in IE.

Posted 14 August 2011 - 01:42 PM

position: fixed; might do it
Was This Post Helpful? 0
  • +
  • -

#3 kevinsmock  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 30
  • Joined: 13-August 11

Re: Scrolling DIV won't work in IE.

Posted 14 August 2011 - 02:11 PM

That didn't do it, thanks though. I've tried many different variations. Has anybody had a similar problem? It's such a pain in the neck! Maybe even by a little javascript?

This post has been edited by kevinsmock: 14 August 2011 - 02:13 PM

Was This Post Helpful? 0
  • +
  • -

#4 hiddenghost  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 39
  • View blog
  • Posts: 621
  • Joined: 15-December 09

Re: Scrolling DIV won't work in IE.

Posted 14 August 2011 - 02:17 PM

View Postkevinsmock, on 14 August 2011 - 04:11 PM, said:

That didn't do it, thanks though. I've tried many different variations. Has anybody had a similar problem? It's such a pain in the neck!

Try putting the image in the html instead of the css.
Apply the css separately on a class in the image.
You might have to use z-index to get the image under the content.

Check out this thread to use z-index:
http://www.dreaminco...er-in-html-css/
Was This Post Helpful? 0
  • +
  • -

#5 kevinsmock  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 30
  • Joined: 13-August 11

Re: Scrolling DIV won't work in IE.

Posted 14 August 2011 - 05:37 PM

View Posthiddenghost, on 14 August 2011 - 02:17 PM, said:

View Postkevinsmock, on 14 August 2011 - 04:11 PM, said:

That didn't do it, thanks though. I've tried many different variations. Has anybody had a similar problem? It's such a pain in the neck!

Try putting the image in the html instead of the css.
Apply the css separately on a class in the image.
You might have to use z-index to get the image under the content.

Check out this thread to use z-index:
http://www.dreaminco...er-in-html-css/


I've been playing around with this for a while and can't seem to get it. What exactly do you mean when you say "apply the css separately on a class in the image." Also, to make this a bit easier on myself, what is going to be put in the style sheet and what is going to be put in the HTML page. Or is it all in the HTML?
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1