Topic: Scrollbar issue - IE 7 for DIV (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=28949" title="Pages that link to Topic: Scrollbar issue - IE 7 for DIV (Page 1 of 1)" rel="nofollow" >Topic: Scrollbar issue - IE 7 for DIV <span class="small">(Page 1 of 1)</span>\$

Karl Bipolar (III) Inmate From: Phoenix Insane since: Jul 2001	posted 02-16-2007 03:25 Have a look at: http://ultimateimage.us/testimonials.asp In IE7, the scrollbar does not size properly; there is a lot more content in that scrollable div then the scrollbar reveals. In Firefox no problem. Ideas? This is new since I have incorporated background images you see on the left. Karl..
DL-44 Lunatic (VI) Inmate From: under the bed Insane since: Feb 2000	posted 02-16-2007 04:30 For the record, IE 6 displays the same as firefox. Beyond that, since your CSS and HTML both fail to validate, I would start there - http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fultimateimage.us%2Ftestimonials.asp http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fultimateimage.us%2Ftestimonials.asp It's always easier to troubleshoot when you know your code is clean... (Edited by DL-44 on 02-16-2007 04:32)
Karl Bipolar (III) Inmate From: Phoenix Insane since: Jul 2001	posted 02-16-2007 05:40 : ) ok, so I'll see what I can do. Is this the right doctyp at least? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
Blaise Paranoid (IV) Inmate From: London Insane since: Jun 2003	posted 02-16-2007 11:08 This should be fine. code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Or this... (If you want things stricter) code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Your one seems to be a strange mix of the two. I would recommend bookmarking this A List Apart article for future reference. Cheers,
DL-44 Lunatic (VI) Inmate From: under the bed Insane since: Feb 2000	posted 02-16-2007 15:47 Keep in mind that a transitional doctype was never intended to be used for new documents. Transitional is exactly what it sounds like - a doctype to use while you are moving your documents over to the new standard. It also causes modern browsers to render pages in 'quirks mode'. A strict doctype should always be used...
Karl Bipolar (III) Inmate From: Phoenix Insane since: Jul 2001	posted 02-19-2007 14:21 Thanks, and what exactly happens if the modern browser renders in 'quirks mode'? Oh, this reminds me.. Currently if I want to see how my browser renders in other browsers, previous browsers, the MAC, etc... I pick up the phone and call a few people. Better than before, I now use FireFox to test my web pages, this usually takes care of most of the problems, but there is an issue from time to time in previous browsers. Is there a way to simulate the older browsers with a Firefox add-on or other tool? Karl..
dmjw01 Neurotic (0) Inmate Newly admitted From: Insane since: Mar 2007	posted 03-06-2007 19:44 I'm having exactly the same problem with my personal home page. For an example of the problem, click here. The layout of my site uses CSS to simulate frames. The aim of my approach is to have a separately scrollable navbar (like you would get with frames) but without the disadvantages of "real" frames. Note in particular that each page of my site has its own individual URL (unlike framed sites), so people can link to it properly. So the main content panel on the right-hand side is a DIV with absolute positioning. You'll notice exactly the same problem that Karl has - as the content loads, IE7 fails to resize the scrollbar, although if you drag the scrollbar it does shrink it down, and you can get to all the content. It works properly in Firefox and IE6. I'd love to know if someone has a solution to this problem, because it's annoying me! __ David. (Edited by dmjw01 on 03-06-2007 19:46)

Topic: Scrollbar issue - IE 7 for DIV (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=28949" title="Pages that link to Topic: Scrollbar issue - IE 7 for DIV (Page 1 of 1)" rel="nofollow" >Topic: Scrollbar issue - IE 7 for DIV <span class="small">(Page 1 of 1)</span>\$

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

posted 02-16-2007 03:25

Have a look at:
http://ultimateimage.us/testimonials.asp

In IE7, the scrollbar does not size properly; there is a lot more content in that scrollable div then the scrollbar reveals. In Firefox no problem.

Ideas? This is new since I have incorporated background images you see on the left.

Karl..

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

posted 02-16-2007 04:30

For the record, IE 6 displays the same as firefox.

Beyond that, since your CSS and HTML both fail to validate, I would start there -
http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fultimateimage.us%2Ftestimonials.asp
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fultimateimage.us%2Ftestimonials.asp

It's always easier to troubleshoot when you know your code is clean...

(Edited by DL-44 on 02-16-2007 04:32)

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

posted 02-16-2007 05:40

: ) ok, so I'll see what I can do. Is this the right doctyp at least?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">

Blaise
Paranoid (IV) Inmate

From: London
Insane since: Jun 2003

posted 02-16-2007 11:08

This should be fine.

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Or this... (If you want things stricter)

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Your one seems to be a strange mix of the two. I would recommend bookmarking this A List Apart article for future reference.

Cheers,

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

posted 02-16-2007 15:47

Keep in mind that a transitional doctype was never intended to be used for new documents. Transitional is exactly what it sounds like - a doctype to use while you are moving your documents over to the new standard.

It also causes modern browsers to render pages in 'quirks mode'.

A strict doctype should always be used...

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

posted 02-19-2007 14:21

Thanks, and what exactly happens if the modern browser renders in 'quirks mode'?

Oh, this reminds me..
Currently if I want to see how my browser renders in other browsers, previous browsers, the MAC, etc... I pick up the phone and call a few people. Better than before, I now use FireFox to test my web pages, this usually takes care of most of the problems, but there is an issue from time to time in previous browsers. Is there a way to simulate the older browsers with a Firefox add-on or other tool?

Karl..

dmjw01
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Mar 2007

posted 03-06-2007 19:44

I'm having exactly the same problem with my personal home page. For an example of the problem, click here.

The layout of my site uses CSS to simulate frames. The aim of my approach is to have a separately scrollable navbar (like you would get with frames) but without the disadvantages of "real" frames. Note in particular that each page of my site has its own individual URL (unlike framed sites), so people can link to it properly.

So the main content panel on the right-hand side is a DIV with absolute positioning. You'll notice exactly the same problem that Karl has - as the content loads, IE7 fails to resize the scrollbar, although if you drag the scrollbar it does shrink it down, and you can get to all the content. It works properly in Firefox and IE6.

I'd love to know if someone has a solution to this problem, because it's annoying me!

__
David.

(Edited by dmjw01 on 03-06-2007 19:46)

Post Reply

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Loading...
Options:	Show Signature Enable Slimies Enable Linkwords

Topic: Scrollbar issue - IE 7 for DIV (Page 1 of 1)

Insert Slimies »

Insert UBB Code »