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

2 comments:

yanmaneee said...

hermes
kevin durant shoes
goyard
kd 12 shoes
kd 11 shoes
louboutin shoes
yeezy supply
balenciaga
vans
kyrie 5 spongebob

Anonymous said...

replica bags delhi go to website h3f33s1t60 replica bags seoul replica bags hermes fake hermes k9w58g4q03 replica bags from china free shipping replica bags qatar replica gucci handbags y2s27w4i74 replica bags ru