フリーランスのウェブクリエーターが日々の気付きや日常の出来事を備忘録的にまとめています

position:relative;とposition:absoluteで位置指定した際、IE6でズレる

しばらくハマってしまったが、親要素にwidth:100%を入れる事で無事解決！

htmlソース

＜div class=”bt_keisan”＞

＜p＞（ボタンの右に表示する文字）</p＞

＜input type=”hidden” name=”action” value=”calculate” /＞

＜input type=”submit” value=”ボタン” /＞

＜/div＞

CSSソース

.bt_keisan {

text-align:center;

margin:10px 0 0 ;

position:relative;

width:100%;

}

.bt_keisan p {

position:absolute;

left:50%;

top:50%;

margin:-8px 0 0 40px;

}