Thursday, April 26, 2007

overflow:auto で横スクロールバーが表示されない件(解決)

Blogger デフォルトスタイルシートの方で word-wrap: break-word;が定義されていたのが原因でした。

#main {
  float: left;
  width: 460px;
  margin: 20px 0 0 0;
  padding: 0 0 0 1em;
  line-height: 1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

ユーザー定義スタイルシートの方で word-wrap:normal;を指定することで解決。

pre {
  margin:3px;
  padding:3px 8px;
  overflow: auto;
  word-wrap:normal;
}
pre.term {
  background-color:#111;
  color:#EEE;
}
pre.code {
  background-color: #E5E5E5;
}

なーんだ。

関連URL

0 comments: