Select tag not moving with scroll page

@RobDavidAug 09.2006

I have this scrollable div with a number of asp.net controls in it….well, it gets rendered to the browser just fine…But when i go to scroll the div…some of the elements leave a trail or pieces of themselves behind…It appears to be caused when there is a select tag in the div…

I’ve attached a picture of what is happening…

Any Idea why this is happening????

~~[upl-file uuid=a3b8f797-ba40-492c-9e0a-a4ea565e38e8 size=27kB]~~funkyDiv.gif[/upl-file]

to post a comment

CSS

@WebJoelAug 09.2006 — #We'd need to see the code for the page, but does the document have a valid !doctype (with URL) on it? It vaugely sounds as if the browser is struggling to interpret what it is reading...

I have seen something similar with a javascript that I'm using, -about one of every 4 or 5 page-loads, it 'ghosts' up the screen while scrolling. A simple "refresh" cures the ailment. The *js is correct, -but the browser is just having a weird time making it run.

Then I entered a correct, strict !doctype... and I saw that some of the html code I was using was incorrect or at least, inadequate and contradictory for the task being assigned it. The browser was (in the absence of a URL to a valid DTD library) running in 'quirks mode' and only that allowed my javascript to even run, -albeit, very clumsily and near-busted.

(I'm re-doing the errors in STRICT, -that is the best way to go)..

If you are using a valid doctype, -may we see all your code or URL to online site?

@RobDavidauthorAug 09.2006 — #here is the doctype im using...I don't really want to mess with around with that..becuase that's what microsoft recommends using with asp.net

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

I can tell you that the only thing unusual I'm doing with my javascript code is resizing the size of the div onload and onresize. I've noticed that if i resize the window after it loads the problem goes away!!!

What've I've done for now...is put a timedelay on the function of 50ms...It seems to be helping a lot! here's the function...I don't see anything wrong with it (but then again, I wrote it) P.S. thanks for your help!

function size_content(){

var clientHeight;

var headerHeight;

if(browser.isIE){//IE Browsers
   clientHeight = document.documentElement.clientHeight;
   headerHeight = 89; 
  }else{//Mozilla Based Browsers
   clientHeight = window.innerHeight; 
   headerHeight = 95; 
   }

var height = (clientHeight - headerHeight);

if(height > headerHeight){
 
   var el = document.getElementById('right_pane_content'); 
 
   if(el){ 
   el.style.height = height + "px"; 
   } 
  }

}

@ray326Aug 10.2006 — #When goobers are left around on the screen it's usually because of bugs in the graphics driver or bugs in the browser's window drawing code.

Select tag not moving with scroll page

3 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Select tag not moving with scroll page

3 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #CSS _↴