I'm sorry for the need to keep asking questions in this forum. Is there any
better way to find answers about Mozilla?
The problem I'm having is that I need to get the size of the text inside an
element. The thing is that offsetWidth/Height does not include the part that
is placed outside the size... pretty hard to explain. See the code below
and/or try out the attached file.
erik arvidsson
the overflow should be hidden but it is easier to see the problem with
overflow: visible;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
#t {
position: absolute;
XXXoverflow: hidden;
background: blue;
width: 100px;
height: 100px;
}
#t2 {
position: absolute;
background: yellow;
height: 50px;
left: 50px;
top: 25px;
white-space: nowrap;
}
</style>
<script type="text/javascript">
function inspect(obj) {
var str = "";
for (var prop in obj)
str += "obj." + prop + " = " + obj[prop] + "\n"
alert(str);
}
function testIt() {
var t2 = document.getElementById("t2");
inspect(t2);
}
</script>
</head>
<body>
<div id="t">
<div id="t2">
No wrap. No wrap. No wrap. No wrap.
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<button onclick="testIt()">Test it</button>
</body>
</html>
begin 666 tmp.html
M/"%$3T-465!%($A434P@4%5"3$E#("(M+R]7,T,O+T141"!(5$U,(#0N,#$@
M5')A;G-I=&EO;F%L+R]%3B(-"@DB:'1T<#HO+W=W=RYW,RYO<F<O5%(O:'1M
M;#0O;&]O<V4N9'1D(CX-"@T*/&AT;6P^#0H\:&5A9#X-"@T*/'1I=&QE/CPO
M=&ET;&4^#0H\<W1Y;&4@='EP93TB=&5X="]C<W,B/@T*#0HC="![#0H)<&]S
M:71I;VXZ"6%B<V]L=71E.PT*"5A86&]V97)F;&]W.@EH:61D96X[#0H)8F%C
M:V=R;W5N9#H)8FQU93L-"@EW:61T:#H)"3$P,'!X.PT*"6AE:6=H=#H)"3$P
M,'!X.PT*?0T*#0HC=#(@>PT*"7!O<VET:6]N.@EA8G-O;'5T93L-"@EB86-K
M9W)O=6YD.@EY96QL;W<[#0H):&5I9VAT.@D)-3!P>#L-"@EL969T.@D)-3!P
M>#L-"@ET;W Z"0DR-7!X.PT*"7=H:71E+7-P86-E.@EN;W=R87 [#0I]#0H-
M"CPO<W1Y;&4^#0H\<V-R:7!T('1Y<&4](G1E>'0O:F%V87-C<FEP="(^#0H-
M"F9U;F-T:6]N(&EN<W!E8W0H;V)J*2![#0H)=F%R('-T<B ]("(B.PT*"69O
M<B H=F%R('!R;W @:6X@;V)J*0T*"0ES='(@*ST@(F]B:BXB("L@<')O<" K
M("(@/2 B("L@;V)J6W!R;W!=("L@(EQN(@T*"6%L97)T*'-T<BD[#0I]#0H-
M"F9U;F-T:6]N('1E<W1)="@I('L-"@EV87(@=#(@/2!D;V-U;65N="YG971%
M;&5M96YT0GE)9"@B=#(B*3L-"@EI;G-P96-T*'0R*3L-"GT-"@T*#0H\+W-C
M<FEP=#X-"CPO:&5A9#X-"CQB;V1Y/@T*#0H\9&EV(&ED/2)T(CX-"@D\9&EV
M(&ED/2)T,B(^#0H)"4YO('=R87 N($YO('=R87 N($YO('=R87 N($YO('=R
M87 N#0H)/"]D:78^#0H\+V1I=CX-"CQB<CX-"CQB<CX-"CQB<CX-"CQB<CX-
M"CQB<CX-"CQB<CX-"CQB<CX-"CQB<CX-"CQB<CX-"CQB<CX-"CQB<CX-"CQB
M<CX-"CQB=71T;VX@;VYC;&EC:STB=&5S=$ET*"DB/E1E<W0@:70\+V)U='1O
:;CX-"@T*#0H\+V)O9'D^#0H\+VAT;6P^#0H`
`
end
