人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

IE6で、テキストボックスの上下に1pxずつのスペースができてしまいます。

marginやpadding等考えられるスタイルの調整は試してみたつもりですが、どうしてもこのスペースが消えなくて困っています。

以下がテストケース用のHTMLソースです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>none</title>
<style type="text/css">
.textbox {
height: 32px;
width: 200px;
font-size: 28px;
}
</style>
</head>

<body>

<input type="text" class="textbox"/>
<br/>
<input type="text" class="textbox"/>
<br/>
<input type="text" class="textbox"/>

</body>

</html>

[ 条件 ]
DOCTYPEの変更はしない。

[ テスト環境 ]
FX3, Sf3, IE7 - Win Vista(英語) テキスト設定 120dpi
IE6 - Win Vista(英語) 上の バーチャルPC Win2000(英語)

1225817169
●拡大する

●質問者: maverick100s
●カテゴリ:コンピュータ
✍キーワード:DTD HTML IE6 IE7 margin
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● haruo-31
●60ポイント

border-style属性にsolidを設定すると隙間が無くなります。

ちなみに、デフォルトでは立体(たしかgroove)になるので、Windowsの場合一番外側に白#ffffffの線が1px分描画されてしまう為だと思います。

◎質問者からの返答

迅速なご回答ありがとうございます。

しかし、残念ながら、CSSを以下に変更しても上下1ピクセルは残っていました。

.textbox {

height: 32px;

width: 200px;

font-size: 28px;

border-style: solid;

}

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ