« Flash 3日目 | メイン

<fieldset>をCSSで append.gif

印刷時 <fieldset>〜</fieldset> を使っている箇所がページをまたぐと枠線が崩れたり中身が欠けたりするバグがあるで、<div>を使ってCSSで再現した。


■HTML

<div class="sub-category">
  <div class="sub-category-title">
    Size
  </div>
  <div class="sub-category-body">
    Width:<input type="text" value="100" size="4" />< br />
    Height:<input type="text" value="100" size="4" />
  </div>
</div>

■CSS

.sub-category {
  position: relative;  /* for ie6,7 */
  border: 1px solid #cccccc;
  zoom: 1;  /* for ie6,7 */
}
.sub-category-title {
  position: absolute;  /* for ie6,7 */
  float: left;
  margin: -0.5em 0 0 0.5em;
  padding: 0 2px;
  background-color: #ffffff;
  font-weight: bold;
}

.sub-category-body {
clear: both;
}

トラックバック

このエントリーのトラックバックURL:

コメントを投稿

(コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。)

カテゴリー

アーカイブ