1read 100read
2012年07月Web制作340: CSS/DHTMLバグ辞典スレッド【第5版】 (539)
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▼
相互リンク募集スレ (232)
Rのホームページ (214)
ページランクの高い相互リンク集 (883)
無断リンクは是です 22 (912)
【ゆとり】画像掲示板が狙われています【教育】2 (651)
■◇■トラフィックゲート専用板 パート1■◇■ (804)
CSS/DHTMLバグ辞典スレッド【第5版】
- 1 :2006/04/08 〜 最終レス :2012/11/07
- CSS(とDHTML)のバグ報告、お待ちしてます。
※報告の際はOS・ブラウザ名とそのヴァージョンを明記して下さい。
再現条件をつきとめるため、必要に応じてソースを出して下さい。
第4版レス314までのバグは下記に登録済み(前々366◆E3CSS.J95U/◆B7TCOttEさんに感謝)。
【CSSバグリスト@CSSバグ辞典スレッド】
http://cssbug.at.infoseek.co.jp/index.html
(もうずっと更新休止、誰かwikiででも引き継がないか?)
プロパティ別にバグを調べたいときは――
・K@tsukun's PAGE! > CSS対応状況表 (の各プロパティ「関連バグ情報」)
http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html
・CSSプロパティ別トラブルの索引
http://dhr.at.infoseek.co.jp/stylebug_index1.htm
【バグ説明・回避法などを載せた参考サイトへのリンク】
http://cssbug.at.infoseek.co.jp/link.html
【過去ログ】
1 http://mentai.2ch.net/hp/kako/987/987003410.html
2 http://pc2.2ch.net/hp/kako/991/991666454.html
3 http://2ch-library.com/hp/1050844510.html
4 http://pc8.2ch.net/test/read.cgi/hp/1078463560/l50
【関聯スレッド】
・/* CSS・スタイルシート質問スレッド*/
http://web2ch.s31.xrea.com/?CSSLog
・代替スタイルシートに萌え〜
http://pc8.2ch.net/test/read.cgi/hp/991400015/l50
・独自拡張、草案段階のCSSについて語れ
http://pc8.2ch.net/test/read.cgi/hp/1019912046/l50
その他あれば、>>2-5あたりで。
- 2 :
- 『CSSバグ辞典スレッド』の要約の要約
http://www.ironhearts.com/diary/archives/000829.html
あと第4版の過去ログ、どこかで読めないか?
保存してる人、提供求む。
- 3 :
- http://css-discuss.incutio.com/?page=CssHack
CSS Hack集
http://www.jaist.ac.jp/~m-tamura/article/web/css/csshack
"通"御用達、CSSハック
http://www6.plala.or.jp/go_west/nextcss/tip/tech/css_hack.htm
ブラウザ別CSSハック一覧表
http://codeweb.seesaa.net/article/7658025.html
GoodCSSHack
http://www.akatsukinishisu.net/wiki.cgi?GoodCSSHack
IE 7 用の CSS ハック
http://www.lucky-bag.com/archives/2006/02/ie7-css-hack.html
http://www.lucky-bag.com/archives/2005/10/demise_of_hacks.html
http://www.odysseygate.com/mt/archives/000603.php
- 4 :
- 前スレ落ちたのか…>>1さん乙です。
>(もうずっと更新休止、誰かwikiででも引き継がないか?)
Wikiなら管理してもいいですけど、そこを詳しく。
まあWikiじゃなくても頑張れば出来そうだけど・・・
- 5 :
- Wikiでなくても、とにかく更新の止まった以降をの辞典登録を引き継いでくれれば嬉しい。
Wikiだと管理人以外が書き込めて、加筆修正もしやすいかな、ってだけ。
- 6 :
- どのへんから更新止まったんだっけ?
そういえば肝心なのが載ってなくておかしいな、とは思ったんだが。
- 7 :
- >スレッド第4版のレス314までを反映したリストです
と記述されているね。
- 8 :
- >>6
聞かなくても、問題のサイトを見れば更新履歴が出てるでしょ。
最終更新は、「2004-11-29」だと。
- 9 :
- >>5
じゃあWikiかな・・
最終更新以降の報告、結構あるんですねぇ。
- 10 :
- 整理すれば、新規バグはそんな沢山は無い筈。
牛歩でもいいから、進めてくれると助かる。
Wikiなら皆で手伝ってあげることもできるし。
- 11 :
- >>10
うん、ありがとう。
PukiWikiを使うことにしたよ。今SKINをいじってます。
DNS浸透したら報告しますんで…
- 12 :
- ( ・∀・ )
- 13 :
- 別にPukiWikiでもいいんだけど、
各バグ項目が検索に引っかからないのではないかが、不安かな。
- 14 :
- そもそも、前スレ「第4版」の過去ログが読めないんですが。
http://makimo.to/2ch/index.html にも入ってないし。
- 15 :
- そこは mod_rewrite と Wiki 内部のリンク方式のカスタマイズでなんとか出来ないか?
- 16 :
- >>14
モリタポか●を使えばDATを取得できると思う。
それをDAT2HTMLなどのツールを使ってHTML化して閲覧するとか…
- 17 :
- その、●とかモリタポとかってのを持ってる人、誰か居らんの?
- 18 :
- http://pc8.2ch.net/test/read.cgi/hp/1078463560/
「このスレッドは過去ログ倉庫に格納されています」ってけど、
倉庫のどこに格納されてるんだか、URLすらわからんし。
- 19 :
- とりあえず置いてみる。wikiができれば消すつもり。
ttp://with.her.jp/sonota/1078463560.html
- 20 :
- 有り難う! >>19
保存させて戴きましたので、消された後もお求めあらば提供致します。
- 21 :
- フロートに隣接する要素は親要素との間で上下マージンが相殺されない(5.x/6.0)
http://cssbug.at.infoseek.co.jp/detail/winie/b172.html
どうやらフロートに関係なく発現する。
<div style="margin:0; border:0; padding:0; background:yellow; width:4em;">
<div style="width:2em; background:blue;margin:1em;">中</div>
<div style="margin:1em; background:aqua;">下</div>
</div>
cf. http://pc8.2ch.net/test/read.cgi/hp/1144504306/402-418
- 22 :
- >>21については、過去スレ第4版(>>19)の313〜318も要参照。
ややこしくてよくわからん。誰か整理して。
- 23 :
- >>11 DNS浸透って、大分時間が掛かるの?
- 24 :
- すみません…、遅くなりました。
>>10
前スレの315から斜め読みしてみたけど、ホントに整理しないと
どれが新規のバグなのかよくワカラン。
>>15
mod_rewrite で実現できました。
リンクの参照先など不具合があれば報告よろしくです。
というわけでぬるぽ。
ttp://cssbug.paddin.com/
- 25 :
- >>24 有り難う、お疲れさま。
トップページの最下部「過去ログ」のことで質問。
倉庫格納されて見られない第3版と第4版の過去ログを参照可能にしたいんで、
そちらのサーバーにアップロードしてリンクを張れますか。
第3版は>>1に、第4版は>>19に、それぞれ保存先URLが出てます。
- 26 :
- >>25
ttp://cssbug.paddin.com/?plugin=attach&refer=Home&openfile=1050844510.html
ttp://cssbug.paddin.com/?plugin=attach&refer=Home&openfile=1078463560.html
DAT2HTMLを用いて読めるようにしました。
こんな感じでいいのかな。
- 27 :
-
とりあえず新規に報告されたバグを抽出しないか?
- 28 :
- そこで>>21-22ですよ。これって新バグでしょ?
- 29 :
- >>23
DNSに「浸透」なんて言葉を使う人間に聞き返しても無駄だと思うよ。
設定をする人間は最大でどのくらいかかるか断言できるから。
- 30 :
- <p><a href="http://www.2ch.net/">2ちゃんねる</a>へようこそ!!</p>
p:first-letter {
margin-left: 1em;
}
Firefox 1.5でa要素にマウスカーソルを重ねるとmarginが無効になる。
仕様?
- 31 :
- >>30
これとは違う?
http://cssbug.at.infoseek.co.jp/detail/mozilla/b044.html
- 32 :
- 間違えたこっちだ
http://cssbug.at.infoseek.co.jp/detail/mozilla/b045.html
- 33 :
- 【MacOS10.3.9+safari1.3.2】
tableのborderが、非表示を指定した箇所にまで表示されることがある。
http://pc8.2ch.net/test/read.cgi/hp/1144504306/947-949
- 34 :
- 33の補足です。
・MacOS10.4+safari2.0.1でも再現
・tableのセルが2行以上で、
border:noneにしているセルを
colspan属性で結合している状態だと再現できます
- 35 :
- >>34
ソースと結果画面(スクリーン・ショット)と出しといてくんないかな。
33のリンク先は倉庫入りになるし。
- 36 :
- CSSで<img src="">の画像って指定できますか?
- 37 :
- >>36 ここは質問スレッドではない。少しは調べてから書け。
- 38 :
- 多分、「CSS」とかで検索してここにたどり着いたんだろうな。
- 39 :
- 【MacOS10.3.9+safari1.3.2】
tableのborderが、非表示を指定した箇所にまで表示されることがある。
環境:MacOS10.3.9+safari1.3.2
ソース:
css↓
table{border-collapse:collapse;}
td{border:1px solid}
td.noborder{border:none;}
html↓
<table><tr><td>1-1</td><td>1-2</td><td>1-3</td></tr>
<tr><td>2-1</td><td colspan="2" class="noborder">2-2+3 border:none;</td></tr>
<tr><td>3-1</td><td colspan="2" class="noborder">3-2+3 border:none;</td></tr>
<tr><td>4-1</td><td colspan="2" class="noborder">4-2+3 border:none;</td></tr>
<tr><td>5-1</td><td>5-2</td><td class="noborder">5-3 border:none;</td></tr>
<tr><td>6-1</td><td colspan="2" class="noborder">6-2+3 border:none;</td></tr></table>
キャプチャ:
(p)ttp://homepage3.nifty.com/catfood/up/src/up4881.gif
win2000sp4+firefox1.5.0.2のキャプチャ↓
(p)ttp://homepage3.nifty.com/catfood/up/src/up4880.gif
safariのほうは、5-3のtdの上下にborderが表示されてしまいます。
・MacOS10.4+safari2.0.1でも再現
・tableのセルが2行以上で、
border:noneにしているセルを
colspan属性で結合している状態だと再現できます
- 40 :
- キャプチャ落ちてた。。。すみません。
バグ辞典wikiに書き込んでみたので気になるところがあれば
じゃんじゃん訂正してください。
http://cssbug.paddin.com/
- 41 :
- >>40
(・∀・)ナイス!!
- 42 :
- >>40
GJ
そういえばwikiもできてたんだっけ。
そのwikiは既存のまとめサイトの内容を移したりしないん?
- 43 :
- >>42
それは既存の分も移した方が、追記や修正もできていいんだけど、
作業が面倒だよ。手伝ってあげられるの?
- 44 :
- > 既存の分も移した方が、追記や修正もできていいんだけど
> 作業が面倒だよ。手伝ってあげられるの?
確かにそうだとは思うけどさ、その前に著作権の壁があるじゃないか。
- 45 :
- >>43
丸写しで良いならいくらでも手伝いたいが。
画像も含めて、あれ作るの相当労力要ったろうし、
勝手にやっていいものか分からん。
- 46 :
- 中の人とコンタクトが取れるのかな?
ここ見ているなら幸いなんだけど・・・
- 47 :
- http://cssbug.at.infoseek.co.jp/index.html
↑「サイト全体を収録したアーカイブ」も配布してるし、
元は2ちゃんのスレッドなんだから、コピーレフトでいいんでないの?
- 48 :
- いまのwikiのスタイルだと、のちに修正が入って
それに伴ってタイトルも変更したくなった時は、困らないかな?
今でもURLが長すぎるけど。
2ちゃんねるで書き込むと「ERROR:長すぎる行があります!」になる。
http://cssbug.paddin.com/Safari%20%28KHTML%29/table%A4%CEborder%A4%AC%A1%A2%C8%F3%C9%BD%BC%A8%A4%F2%BB%D8%C4%EA%A4%B7%A4%BF%B2%D5%BD%EA%A4%CB%A4%DE%A4%C7%C9%BD%BC%A8%A4%B5%A4%EC%A4%EB%A4%B3%A4%C8%A4%AC%A4%A2%A4%EB.html
- 49 :
- アーカイブがあるので転載してもいい、というのはおかしいと思うよ。
あくまで個人で使う目的じゃないと駄目なわけで転載したら
普通に著作権の侵害。
2chの情報を元にして制作した「まとめサイト」でも結構著作権のハードル高いんだよね。
俺は専門的な知識がないので誰か詳しい人に聞きたい。
- 50 :
- まあ何だかんだ議論する前に、転載作業をやる気がある人が、
旧まとめサイトのアドレスにメールを出して許可を取るのが先だね。
それで音信不通だったら、またそのとき検討すれば。
- 51 :
- 空気読まず何だかんだ言わせてもらうと
ttp://cssbug.at.infoseek.co.jp/detail/winie/b052.html と
ttp://cssbug.at.infoseek.co.jp/detail/winie/b078.html とかは
関連バグというよりは同じバグだよな。
もしWikiに移行するならそういうところまとめちゃってもいいんじゃないか?
- 52 :
- >>48
確かにそうだね…orz
これはPukiWikiの仕様なんだけど、どうにかならないかな。
- 53 :
- >>48
例えば、ページ名は「Safari (KHTML)/バグ001」とかにして
そのページの最初のレベル1の見出しを
「tableのborderが、非表示を指定した箇所にまで表示されることがある」
のようにつけて、
各ユーザエージェントの目次のページは自作プラグインを使って一覧表示するようにすれば
ページ名も短縮できるし、目次もつくりやすくなるかなあ。
自作プラグインは、ls2_1を使って
&ls2_1(,title_number=1);
で、レベル1の見出しまで表示してくれそうな気ガス。
確認済みのバグと未確認のバグを分けるにはもう1階層必要かな?
そうすると未確認→確認済みに移動させるとき面倒??
- 54 :
- >>53
アドバイスありがとう。
なんとか title.inc.php というプラグインを自作できたよ。
書式は、「 #title(タイトル文字例) 」で大丈夫な筈…
不具合とかありそうな予感なんですが、試してみてください。
※これに伴い、いくつかのファイルをリネームしちゃいそうです。ご了承ください。
- 55 :
- で、Wikiへの移行はどうするんだい?
- 56 :
- >>50
じゃあメールしてみるよ
- 57 :
- >>54
プロパティー別に調べられる索引(>>1に挙がってるみたいな)と
連動できる体裁があるといいんだけど、難しいかな?
注文つづきで悪いけど、早いうちでないと後になってでは大変かもしれないから。
- 58 :
- >>57
それって普通に索引のページを新規に作ればいいんじゃマイカ?
- 59 :
- >>54
お疲れさま。
URLをd20040809r335.htmlみたいにレスの日附と番号に拠ったものに変更したんですね。
すると、一つのレスで複数のバグを含む報告は、どうやって登録すればよいですか。
あまり細かいこと述べても煩瑣になりますが、凡例が要るかも?
- 60 :
- >>59
そこは工夫汁
- 61 :
- で、どう工夫すればいいって? そこを記すのが凡例とかでしょ。
それと、旧まとめサイトの内容もwikiに移行して引き継ぐつもりなら
番号(URL)の振り方も同じにした方がよくない? どうかな。
- 62 :
- >>61
ファイル名の付け方って難しいな。
もしリネームするなら恒久的なファイル名を付けたいし、何か良い案を考えないと。
というわけでよろしく>>63
- 63 :
- > ドキュメントの作成日 - URIが設定された日付 - は、まず変わることのないものの一つです。
> 古いシステムに対する要求と新しいシステムに対する要求を分離しておくことはとても有益です。
>
> これはURIのよい出発点でもあります。
> もしドキュメントが何らかの形で日付を持っているなら、たとえそれが先々まで
> 利用されるようなものであっても、日付はよい出発点になります。
(クールなURIは変わらない -- http://www.kanzaki.com/docs/Style/URI.html)
これを参考にして考えてみよう。
バグを発見、もしくは報告された日付を、バグ辞典に登録された登録日とすれば自然なURIになるんじゃないかな。
例えば [2006-05-10] にする。同日に複数の登録も考えられるので [2006-05-10_1] 、[2006-05-10_2] ...といった
感じで作れば結構恒久的なURIを設計できるはず。
件名による分類は避けるべきだと思うな。件名は後に変更される可能性があるからね。
- 64 :
- ややこしいな。旧まとめサイトと同じく、
ブラウザごとにb151.html、b152.html、……と作成順に数字振ればいいぢゃん?
- 65 :
- >>64
しかしそれだと、
b129.html
b130.html ←このファイルを削除した
b131.html
こういう場合困らないか?
- 66 :
- そのときは欠番になるだけじゃないか?
やはり管理しにくい?
- 67 :
- >>63
ありがとう…。参考にします。
- 68 :
- 親要素に指定した背景色が子要素に継承されてしまう。
http://cssbug.paddin.com/Internet%20Explorer/Windows%C8%C7/d20060504_1.html
↑これは、背景色の問題ではなく、
画像の高さによって親要素の行高まで拡げられてしまったのでは。
このスレッドで検討してから登録すべきだったね。
cf. http://cssbug.at.infoseek.co.jp/detail/winie/b052.html
- 69 :
- あと、そのwikiページにコメントが書き込めない。
「コメントの挿入」ボタンを押すと、HTTP404未検出になる。
- 70 :
- WinXPSP2 IE 6.0.2900.2180.xpsp_sp2_gdr.050301-1519
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><style type="text/css">
#overflow { overflow:auto; width:5em; height:5em; }
#overflow .rel { position:relative; }
</style></head>
<body>
<div id="overflow">
<p>あああああああああああああ
<p class="rel">いいいいいいいいいいいいい
<p class="rel">ううううううううううううう
<p>えええええええええええええ
</div>
</body>
</html>
position:relative要素がoverflow:autoを無視して固定配置に。
- 71 :
- IEのDIVの上下の間が2倍になるバグの消し方を教えてください。
夜も眠れナイよ
- 72 :
- _margin -2px 0 0 -2px;
とか調子を見ながら適当にあわせるんだろうか?
- 73 :
- margin:0px;_margin:-5px
とかやったら随分直った、感動
- 74 :
- [MacIE 5.2.3]
症状:
letter-spacing に inherit を共存させるとクラッシュする
以下の環境で確認:
iMac G3 500MHz OS 10.3.9
iMac G5 1.8GHz Mac OS 10.4
Internet Explorer:mac 5.2.3 (5815.1)
具体例:
p {
letter-spacing:2px;
color:#000000;
background-color:inherit;
}
- 75 :
- letter-spacing より前に inherit があれば落ちないね。
よく見つけたというか、いまさら(ry
- 76 :
- だな。
- 77 :
- Mac版の Firefox や Camino で overflow:hidden が正しくレンダリングされない(隠れない)
けど、既出ですか?
- 78 :
- IEの、縦スクロールバーが出ると横スクロールバーも出るバグって、
スクロール固定表示以外に解決する方法はありませんか?
- 79 :
- 縦スクロールバーが出ると横スクロールバーが出る?
- 80 :
- ミスってるだけでしょ。
ここ質問スレじゃないし。
- 81 :
- PHPでincludeすると、margin0にしても一行分間が開くのを回避できますか?
- 82 :
- あなたにはむりです
- 83 :
- IEのバグ
- 84 :
- Firefox 1.5.0.4です。
dd要素に、CSSでfirst-child疑似クラスとbefore疑似要素を使用し、
contentプロパティでの生成が上手くいかない
ちなみに以下みたいな感じでやってます
HTML
<dl id="list">
<dt>hoge</dt>
<dd>hogehoge</dd>
<dd>hogehoge</dd>
<dd>hogehoge</dd>
</dl>
CSS
dl#list dd:before {
content: "|";
}
dl#list dd:first-child:before {
content: "";
}
バグですかね?
- 85 :
- あ、dt要素があるからfirst-childはダメなのか orz
なんかいい方法ないですかね…
早くCSS3を・・・・
- 86 :
- ・・・・やりたいことがわからんが、ddの一行目を差したいんじゃなくて、
一番目のddを示したい、んだよな?
だったらdtがあることを利用して隣接兄弟セレクタじゃダメなのか?
- 87 :
- >>86
IEの未実装の後遺症が・・・ぼけてた orz
それでおっけいでした、どうもでした
スレ汚し失礼しました
- 88 :
- ここは質問スレではないのだが・・・
- 89 :
- シリア語ブラクラって行間が広くなるだけか?
- 90 :
- 【OS】
Win2k
【UA】
Netscape Communicator 4.78
【症状】
pre要素にborderを設定すると、整形済みテキストにならない。
【ソース】
<!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>
</head>
<body>
<pre style="border-width : 1px;">
あいうえお
かきくけこ
さしすせそ
</pre>
</body>
</html>
【表示結果】
┏━━━━━━━━━━━━━━┓
┃あいうえお かきくけこ さしすせそ ┃
┗━━━━━━━━━━━━━━┛
- 91 :
- そんなブラウザ切り捨てちまえ
- 92 :
- ttp://journal.mycom.co.jp/special/2006/ie7beta2/
IE7でもフロート関係はまだ問題が多いみたいだな。
- 93 :
- 先行独自実装込みだからちょっと迷ったが、legendやborderも関係するので一応晒す。
【環境】
Fx1.5.0.6 / Win2kSP4
【現象】
legendあり、border指定ありのfieldset要素で、-moz-border-radiusを指定すると、
上ボーダーが角丸として折れ曲がるところからしか表示されない。
【ソース】
<form action="#">
<fieldset style="border:solid 1px #f00;-moz-border-radius:10px;">
<legend>legend</legend>
<p><input type="submit" value="test"></p>
</fieldset>
</form>
【備考】
上記ソースでlegendないしborderプロパティを外すと再現せず。
【スクリーンショット】
ttp://mata-ri.tk/pic/img/4546.png
- 94 :
- もう一つ。バグなのか仕様なのかわからないんだが。
【環境】
Fx1.5.0.6 / Win2kSP4
【現象】
table要素にborder属性及びborder-collapseプロパティにcollapseを指定した際、
border-collapseプロパティがseparateの時と違い自動でborderが描画され、
td(th)に対するborder設定が一部無視される。
【ソース】
<table border="1" summary="borderありテーブル" style="border-collapse:collapse;margin:1em;">
<tbody>
<tr><td>borderありcollapse</td><td>borderありcollapse</td></tr>
<tr><td>borderありcollapse</td><td>borderありcollapse</td></tr>
</tbody>
</table>
<table border="1" summary="borderありテーブル" style="border-collapse:separate;collapse;margin:1em;">
<tbody>
<tr><td>borderありseparate </td><td>borderありseparate</td></tr>
<tr><td>borderありseparate</td><td>borderありseparate </td></tr>
</tbody>
</table>
<table border="1" summary="borderありテーブル" style="border-collapse:collapse;collapse;margin:1em;">
<tbody>
<tr><td style="border:dashed 1px #f00;">borderありcollapse</td><td style="border:dashed 1px #f00;">borderありcollapse</td></tr>
<tr><td style="border:dashed 1px #f00;">borderありcollapse</td><td style="border:dashed 1px #f00;">borderありcollapse</td></tr>
</tbody>
</table>
- 95 :
- <table border="1" summary="borderありテーブル" style="border-collapse:separate;collapse;margin:1em;">
<tbody>
<tr><td style="border:dashed 1px #f00;">borderありseparate</td><td style="border:dashed 1px #f00;">borderありseparate</td></tr>
<tr><td style="border:dashed 1px #f00;">borderありseparate</td><td style="border:dashed 1px #f00;">borderありseparate</td></tr>
</tbody>
</table>
<table summary="borderなしテーブル" style="border-collapse:collapse;collapse;margin:1em;">
<tbody>
<tr><td>borderなし</td><td>borderなし</td></tr>
<tr><td>borderなし</td><td>borderなし</td></tr>
</tbody>
</table>
【備考】
table<tr<tdという順でレイヤが上に重なるように描画されるイメージだと思ったから、
tableの方の指定が優先されるのはどうも納得いかないが、バグという自信もない。
【スクリーンショット】
ttp://mata-ri.tk/pic/img/4548.png
- 96 :
- >>30のバグ、p a:first-letterに同じプロパティを指定すると回避できるようですね。
解決済みでしたらすいません。
- 97 :
- 【環境】WinXPSP2 IE 7.0
【現象】親要素でmargin指定すると子要素のテキストボックス左に
親要素を継承したようなスペースが出来てしまう(ソース参照)。
【ソース】
●子要素でmargin指定<br>
<div style="width: 50px;margin-left: 30px;float: left;background-color: #CCCCCC;">
氏名
</div>
<div style="width: 150px;float: left;background-color: #F2F2F2;">
<input type="text" size="20">
</div>
<br clear="all">
●親要素でmargin指定すると、子要素のテキストボックス左に
親要素のmarginを継承したようなスペースが出来てしまう。<br>
<div style="margin: 0 30px;">
<div style="width: 50px;float: left;background-color: #CCCCCC;">
氏名
</div>
<div style="width: 150px;float: left;background-color: #F2F2F2;">
<input type="text" size="20">
</div>
</div>
これってIEのバグですか?(既出だったらスマソ)
inputタグの前に文字や画像を入れるとこの現象は起きません。
ちなみにMacIEなら大丈夫です。
- 98 :
- 【環境】
Mozilla Firefox 1.5.0.7 / Windows 2000 SP4
【現象】
a要素内にcontent: url();でイメージを挿入したとき、イメージ上のハイパーリンクの挙動がおかしくなる。
【ソース】
<div>
<a href="./"><span>リンクテキスト</span></a>
</div>
a span:before {
content: url(image.jpg);
}
a:hover span:before {
content: url(image2.jpg);
}
画像に下からカーソルを入れると画像をリンク扱いしてくれますが、上から入れるとリンクになりません。なんだかよくわからない挙動になります。
a:beforeとして挿入しても同様です。
Opera9.02では、期待通りの動作をしました。
- 99 :
- caption の水平方向の位置は、テーブルの横幅の範囲内にあるものだと思いますが
(cf. http://www.w3.org/TR/CSS21/tables.html#q5)
マックのブラウザ Camino1.0+ や Minefield 3.0a1 ではテーブルの横幅を無視して
body に対して相対的なようです。ウインドウズ版のモジラ系UAもそうなのでしょうか。
- 100read 1read
- 1read 100read
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲
webデザイナーに聞きたいのさ (804)
フリーになりたい会社員webデザイナー (903)
HP作成中に起きたトラブル (410)
◆ おいお前ら、HNはどうしてますか? ◆ (544)
Firefoxを推薦する管理者用のスレ part2 (345)
HTML5はオープン、Flashはクローズ (213)
--log9.info------------------
【特攻野郎】リミッターを切った軽【即死覚悟】 (744)
軽は過給器の装着を義務化しろ! (327)
【保険】任意保険に年間どのくらい払ってる? 2 (336)
【】 車がないよりは軽でも持ってるだけまし 【】 (295)
【NISSAN】ピノ Part.1【PINO】 (576)
【ダイハツ】オプティ【Opti】2 (485)
なぜ新型タントは失敗したのか? (742)
そろそろ軽でタイプRを発売してもいい頃だ (205)
(´∀`) (279)
軽でドリフト! (511)
軽自動車と原付の所有 (613)
3気筒はバイク以下、4気筒でまともな車 (748)
エブリーワゴンってどぉ? (911)
安い四畳半に住んでる俺は賢い (962)
軽で遠乗りどこまで行った?2 (475)
【HONDA】 Z GF-PA1 【ゼット】 part3 (528)
--log55.com------------------
【野球】セ・リーグ D6-0G[8/6] 福田先制弾含む2発2適時打4打点!アルモンテも1発大野雄7回0封中日快勝 打線拙攻中継ぎ捕まり巨人6連敗
【野球】パ・リーグ F0-5B[8/6] 西野先制犠飛に安達1発!田嶋6回0封オリックス快勝 日ハム2戦連続堀オープナーも2番手斎藤捕まる
【芸能】うつ病公表の名倉潤、「ネプリーグ」で見せた様子に視聴者から心配の声
【芸能】山里亮太&蒼井優がついに同居開始!2人が選んだ「愛の巣」とは?
【野球】セ・リーグ C8-4DB[8/6] 小園2適時打!西川逆転弾!菊池涼も1発!広島逆転勝ち 上茶谷6失点De連勝ストップ奪首ならず
【芸能】闇営業2時間700万円 島田洋七が吉本契約解除で味わった地獄
【芸能】フジテレビ“東大卒”新人・藤本万梨乃アナに「あの顔ではブレーク微妙」の厳しい声
【ひるおび】文大統領「日本は盗人猛々しい」→八代弁護士「ここまで言われたら、そうですかサヨウナラとしか」【断韓】★2
20140930164425 ■
USA
-