Topic: Scrollbar issue - IE 7 for DIV Pages that link to <a href="https://ozoneasylum.com/backlink?for=28949" title="Pages that link to Topic: Scrollbar issue - IE 7 for DIV" rel="nofollow" >Topic: Scrollbar issue - IE 7 for DIV\

 
Author Thread
Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 02-16-2007 03:25 Edit Quote

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

IP logged posted posted 02-16-2007 04:30 Edit Quote

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

IP logged posted posted 02-16-2007 05:40 Edit Quote

: ) 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

IP logged posted posted 02-16-2007 11:08 Edit Quote

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

IP logged posted posted 02-16-2007 15:47 Edit Quote

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

IP logged posted posted 02-19-2007 14:21 Edit Quote

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

IP logged posted posted 03-06-2007 19:44 Edit Quote

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:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu