あるscriptを使うとIEだけ横スクロール

質問

こんにちは。
質問させていただきます。

下記URLのJavascriptでタブ切り替えをしています。
http://nais.to/~yto/tools/css_tabs/

導入事態はとても簡単に出来たのですが、
何故かIEで表示するとブラウザ全体に横スクロールが出てしまいます。
上記のスクリプトを切ると横スクロールは消えます。

javascriptの中身はこんな感じです。

// bpref = tab body prefix, hpref = tab header prefix
function seltab(bpref, hpref, id_max, selected) {
if (! document.getElementById) return;
for (i = 0; i <= id_max; i++) {
if (! document.getElementById(bpref + i)) continue;
if (i == selected) {
document.getElementById(bpref + i).style.visibility = "visible";
document.getElementById(bpref + i).style.position = "";
document.getElementById(hpref + i).className = "open";
} else {
document.getElementById(bpref + i).style.visibility = "hidden";
document.getElementById(bpref + i).style.position = "absolute";
document.getElementById(hpref + i).className = "close";
}
}
}

とても軽量で余計な機能も無いので気に入ってるんですが、
横スクロールを確認してからは他のスクリプトで対応してます。

jsにお詳しい方がいらっしゃれば、どうかご教授下さい。
よろしくお願いいたします。

回答No.1

taka451213

こんばんは。

非常に断片的なので、なんとも言えませんが・・・、

document.getElementById(hpref + i).className = "open";
と
document.getElementById(hpref + i).className = "close";
の部分のCSSが、
padding: 0.5em;
となっています。

多分、これが原因かと思いますが・・・。
paddingを取るなら、その分の余裕を予め取っておかないと、横スクロールが出ます。