2006-11-30 18:07:14

dbIcon
New Member
alpha
Website

div "overflow:auto;" not working in IE

When I set a height of a div and then set the overflow to auto, the form (picture fader) is not staying contained in the scrolling box in IE (it is working perfectly in Safari and FireFox).

Here is my css:

#content
{

width: 775px; height: 325px; text-align: left; margin: 0 auto; margin-top:2em; padding: 0; /*border-bottom: 1px solid #6699cc;*/ background-color: #F5F8FC; overflow:auto; line-height:1.5;

}

And the content:

<txp:output_form form=“imageFaderHome”/>

Just 30 minutes south of San Juan del Sur, enveloped between luscious rain forest and picturesque views of Guanacaste Peninsula and the clear blue Pacific Ocean, lies Costa Para&iacute;so Resort and Spa…

Does anyone have any idea of how to fix this for Internet Explorer?

Here is where the site is located: http://www.localtreasureinternational.com/

Thanks!

Offline

 

2006-11-30 19:59:04

soulship
Member
nu
Real name: Jamie
From: Always Sunny Charleston
Known languages: eatin' crow
Website

Re: div "overflow:auto;" not working in IE

Have you tried overflow:scroll; ?

Last edited by soulship (2006-11-30 19:59:22)

Offline

 

2006-11-30 20:18:34

dbIcon
New Member
alpha
Website

Re: div "overflow:auto;" not working in IE

Yep – It’s acting like the slideshow isn’t listening the css height…

Offline

 

2006-11-30 21:15:16

soulship
Member
nu
Real name: Jamie
From: Always Sunny Charleston
Known languages: eatin' crow
Website

Re: div "overflow:auto;" not working in IE

It is in your script somewhere, because it is being declared position:absolute and it’s loading after your CSS.

div
attributes

    * style : position: absolute; width: 268px; height: 400px; top: 0pt; left: 0pt; opacity: 0.0990099; visibility: visible; z-index: 21;
    * id : canvas1

Offline

 

2006-11-30 22:32:01

dbIcon
New Member
alpha
Website

Re: div "overflow:auto;" not working in IE

What should I change its postion attribute to be to make it go into the div I created?

Offline

 

2006-12-01 03:54:59

jm
Plugin Author
omega
Real name: Jon-Michael Deldin
From: Missoula, MT
Website

Re: div "overflow:auto;" not working in IE

IE5? IE6? 7? I don’t have access to any versions of Internet Explorer right now, but I suggest using the IE Developer Bar. Use the DOM inspector and click the plus sign to add a new style or override one.

Offline

 

2006-12-01 11:37:47

soulship
Member
nu
Real name: Jamie
From: Always Sunny Charleston
Known languages: eatin' crow
Website

Re: div "overflow:auto;" not working in IE

Also your script is using z-index which is probably adding to your trouble. I would suggest trying another script as well. Not sure if it will solve your trouble, but have you tried the aro_show plugin? I does the same thing from within txp.

Offline

 

2006-12-01 14:01:44

dbIcon
New Member
alpha
Website

Re: div "overflow:auto;" not working in IE

I just took over this site from someone who built it a few years ago and was given a list a changes to make – My first time using txp as well…

I’ll look into aro_show – thanks for the help!

Offline

 

Powered by FluxBB