/* CSS・スタイルシート質問スレッド【53nd】
ここで聞くべきかわかりませんが、Geckoに関する質問です
二つのボックスを縦に並べて、両者のマージンを0pxにし、それぞれに背景色を指定しています
本来なら二つのボックスはぴったりくっつくはずで、IEとOperaではちゃんと表示されます
ところがFF1.5およびNetscape7.2で表示すると、両者の間に高さ1pxの隙間ができていることがあります
上のボックスに文章を1行足すだけで消えたり現われたりします
しかもおかしな事に、FF1.5では、ボックスの境界が画面の下のほうに表示されている時は隙間がないのに
スクロールして上方に移動すると隙間が現われます
これはGeckoのバグでしょうか？また解決策は知られているのでしょうか
すみませんがどなたか詳細をご存知でしたらお教えください
二つのボックスを縦に並べて、両者のマージンを0pxにし、それぞれに背景色を指定しています
本来なら二つのボックスはぴったりくっつくはずで、IEとOperaではちゃんと表示されます
ところがFF1.5およびNetscape7.2で表示すると、両者の間に高さ1pxの隙間ができていることがあります
上のボックスに文章を1行足すだけで消えたり現われたりします
しかもおかしな事に、FF1.5では、ボックスの境界が画面の下のほうに表示されている時は隙間がないのに
スクロールして上方に移動すると隙間が現われます
これはGeckoのバグでしょうか？また解決策は知られているのでしょうか
すみませんがどなたか詳細をご存知でしたらお教えください
|
|
|
75 ：Name_Not_Found：2006/03/09(木) 22:53:03 ID:???
>>74
本当ならバグスレ向きだと思うが、普通じゃならない希ガス。どういう条件だ？
これ↓でもなる？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title></title>
<style type="text/css">
<!--
* { margin : 0; padding : 0; }
ul { background : #ffc; }
p { background : #ccf; }
-->
</style>
</head>
<body>
<ul>
<li>テスト</li>
<li>テスト</li>
</ul>
<p>テスト</p>
</body>
</html>
本当ならバグスレ向きだと思うが、普通じゃならない希ガス。どういう条件だ？
これ↓でもなる？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title></title>
<style type="text/css">
<!--
* { margin : 0; padding : 0; }
ul { background : #ffc; }
p { background : #ccf; }
-->
</style>
</head>
<body>
<ul>
<li>テスト</li>
<li>テスト</li>
</ul>
<p>テスト</p>
</body>
</html>
76 ：Name_Not_Found：2006/03/09(木) 22:54:05 ID:???
>>74
それが再現するコードをよろしく。
それが再現するコードをよろしく。
77 ：Name_Not_Found：2006/03/09(木) 22:59:29 ID:???
残念ながらこちらではそんな現象は確認できなかった。
Fx（FFはFirefoxのことだよね？ 公式ページによると、Fxって略記しろってさ）1.5でしか調べてないけど。
以下、その時のソース。
<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="ja-jp" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>新規</title>
<style type="text/css" media="screen">
<!--
div.ue {
padding: 0px;
background-color: #ff0000;
}
div.sita {
padding: 0px;
background-color: #00ff00;
}
-->
</style>
</head>
Fx（FFはFirefoxのことだよね？ 公式ページによると、Fxって略記しろってさ）1.5でしか調べてないけど。
以下、その時のソース。
<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="ja-jp" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>新規</title>
<style type="text/css" media="screen">
<!--
div.ue {
padding: 0px;
background-color: #ff0000;
}
div.sita {
padding: 0px;
background-color: #00ff00;
}
-->
</style>
</head>