印刷時 <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;
}
| パーマリンク
| コメント (0)
| トラックバック (0)|
