no scrollbars in div (firefox)

juergen.riemer · May 16, 2007

Hi,

following code does not render scrollbars in firefox 1.5.x. Bug?
Workaround other than to innerHTML an absolute positioned element
after loading?

<html>
<body>
<div style='width:100px;height:100px;position:absolute;border:1px
solid black;overflow:auto'>
<div id='test' style="position:absolute;top:0px;left:30px">X</div>
</div>
<script>
onload = function(){
document.getElementById('test').style.left = "115px"
}
</script>
</body>
</html>

juergen.riemer · May 23, 2007

*bump*
still looking for a nifty solution..

dd · May 24, 2007

then not use function as a function name

He wasn't. He was using an anonymous function.

onload = callMe();

Bad code, naughty code !

function callMe() { document.getElementById('test').style.left = "115px"; }

Non-defensive code just waiting to cause a JS error when 'test'
doesn't exist.

dd · May 24, 2007

following code does not render scrollbars in firefox 1.5.x. Bug?
Workaround other than to innerHTML an absolute positioned element
after loading?

That's what I do and it's reliably calculated the scrollbar size on
NS6,7,8,FF etc. Try this (which declares a global called
ScrollbarOffset):

window.onload=function(){
var outerdiv=document.createElement("div");
outerdiv.style.position="absolute";
outerdiv.style.top="0px";
outerdiv.style.left="0px";
outerdiv.style.width="50px";
outerdiv.style.height="50px";
outerdiv.style.overflow="hidden";
var innerdiv=document.createElement("div");
innerdiv.style.width="100%";
innerdiv.style.height="60px";
outerdiv.appendChild(innerdiv);
document.body.appendChild(outerdiv);
var noscrolloffset=innerdiv.offsetWidth;
outerdiv.style.overflow="auto";
var withscrolloffset=innerdiv.offsetWidth;
document.body.removeChild(document.body.lastChild);
ScrollbarOffset=noscrolloffset-withscrolloffset;
}

dd · May 29, 2007

NS6,7,8,FF etc. Try this (which declares a global called
ScrollbarOffset):

window.onload=function(){
var outerdiv=document.createElement("div");
outerdiv.style.position="absolute";
outerdiv.style.top="0px";
outerdiv.style.left="0px";
outerdiv.style.width="50px";
outerdiv.style.height="50px";
outerdiv.style.overflow="hidden";
var innerdiv=document.createElement("div");
innerdiv.style.width="100%";
innerdiv.style.height="60px";
outerdiv.appendChild(innerdiv);
document.body.appendChild(outerdiv);
var noscrolloffset=innerdiv.offsetWidth;
outerdiv.style.overflow="auto";
var withscrolloffset=innerdiv.offsetWidth;
document.body.removeChild(document.body.lastChild);
ScrollbarOffset=noscrolloffset-withscrolloffset;

FYI to the people who manage the FAQ at jibbering.com, re: item # 4.9
- that example code isn't taking the scrollbars for Gecko browsers
into account. This code above calculates the scrollbar size (which
varies from 15 to 19 pixels).

I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023
Help with code	0	Jun 12, 2022
Help with Visual Lightbox: Scripts	2	May 3, 2023
Closing an overlay outside the overlay as well	1	Dec 11, 2022
Script working in Firefox but not Chrome and Safari	3	Apr 6, 2021
setTimeout () moving div with iframe causing flicker in firefox only	1	Jan 17, 2009
Is it possible an iframe can overlapp another?	3	Apr 20, 2022
problem assigning function to <div>.onclick	4	Apr 21, 2011

no scrollbars in div (firefox)

juergen.riemer

juergen.riemer

dd

dd

dd

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads