CSS/DHTMLバグ辞典スレッド【第5版】 (627レス)
上下前次1-新
353(2): 2007/10/30(火)18:44 ID:??? AAS
<div id="container"> // width:100%
<div id="alpha"> // width:100% で margin-right: -300px; float: left;
<div id="alpha_reset"> // margin-right: 300px;
<p>ほげほげ</p>
</div>
</div>
<div id="blavo"> // width: 300px; float: left;
<p>ほげほげ</p>
<p>ほげほげ</p>
<p>ほげほげ</p>
省10
354: 2007/10/30(火)19:08 ID:??? AAS
>>353
Fxもちゃんと空くが。
ソースもまともに書けないようだし、思い込みをバグバグ言うタイプだね。
355: 2007/10/31(水)03:30 ID:??? AAS
>>353
Firefox 2.0.0.8では#blavoだけにマージンを設定しても、ちゃんと空くよ。
356: 2007/10/31(水)17:19 ID:??? AAS
<!-- Start contents -->
<div id="contents">
<!-- Start main -->
<div id="main_index"><div id="main_index_reset">
<p>(゚д゚)シメジ</p>
</div></div>
<!-- End main -->
<!-- Start lists -->
<div id="lists_index"><div id="lists_index_reset">
<p>(゚д゚)シメジ</p>
省13
357: 2007/10/31(水)17:19 ID:??? AAS
div#main_index {
width: 100%;
margin-right: -470px;
float: left;
background-color: #ccc;
}
div#main_index_reset {
margin: 5px 470px 5px 5px;
}
div#lists_index {
省16
358: 2007/10/31(水)17:21 ID:??? AAS
div#contents {
margin-bottom: 1em;
border: 1px solid #000;
background-color: #fff;
}
なソースだと、FFの2.0.0.8でlinksが次のオブジェクトにくっついちまいますな。
この3つを囲う contents でmargin-bottom 設定してるんだけど
情報小出しの最悪パターンで申し訳ない。
359: 2007/10/31(水)17:26 ID:??? AAS
画像リンク[png]:sakuratan.ddo.jp
こんな具合。
360: 2007/10/31(水)17:34 ID:??? AAS
#contentsの中身がフロートするボックスしかないんだから
「次のオブジェクト」が#linksにくっつくのは仕様通り。
floatの概念を勉強し直せ。
361: 2007/10/31(水)17:51 ID:??? AAS
ギャア。理解した。
362(1): 2007/11/05(月)10:59 ID:??? AAS
IE 7
code, samp, pre要素にfont-sizeが継承されない
CSS:
body {
font-size: 200%;
}
HTML:
<body>
<p>200%</p>
<pre>200%</pre>
省4
363: 2007/11/07(水)23:08 ID:??? AAS
【環境】Opera 9.24
【症状】ブロックレベル要素の:hover疑似クラスにoutlineプロパティを指定
すると、ホバー状態でなくなったときにアウトラインの線が残る
【ソース】
div:hover { outline: solid red }
div { display: block }
<div>AAAAAAAAAA</div>
<div>BBBBBBBBBB</div>
<div>CCCCCCCCCC</div>
<div>DDDDDDDDDD</div>
省2
364: 2007/11/10(土)17:46 ID:??? AAS
>>362
Internet Explorer 7.0.573011 + Windows XP SP2で確認してみたけれど、標
準・互換モードともに発生せず。
365(1): 2007/11/12(月)17:42 ID:??? AAS
【環境】Opera 9.24, 9.50 beta
【症状】table要素にborder属性を指定し、table:before, table:after,
tr:before, tr:afterにcontent:""を指定すると、セルの数が増える
【ソース】
table:before, table:after, tr:before, tr:after
{
content: "";
}
<table border="5">
<tr>
省6
366: 2007/11/12(月)17:57 ID:??? AAS
なんか必死にoperaのバグ探ししてるけどさ、
フィードバックした方がいいんでね?
367: 2007/11/12(月)20:21 ID:??? AAS
探しているわけではなくて、Operaを使い出したらバグをいろいろ見つけてし
まったというだけのこと。一応こっちにも書き込みながら、フィードバックも
するようにします。
>>365みたいなのも送っていいんだよね。
368: 2007/11/14(水)18:58 ID:??? AAS
見つけてしまったので一応報告。
【環境】Opera 9.24, 9.50 beta
【症状】ブロックレベル要素の:first-line疑似クラスにwhite-space:normal
を指定すると、:before疑似要素のcontentプロパティの値が表示されない
【ソース】
.foo div:first-line { white-space: normal }
div { display: block }
div:before { content: "text:" }
<div>div</div>
CSSの1行目を削除すると表示されます。
省1
369: 2007/11/28(水)02:57 ID:??? AAS
IE7のバグ二つ。
検証ファイル:外部リンク[zip]:doiob.net
【環境】Internet Explorer 7
【症状】子要素でbackground-image:noneを指定すると親要素で指定した背景
画像が表示されない
【ソース】
div#boxA { background-image: url("bg.png") }
div#boxB { background-image: none }
<div id="boxA">
<div id="boxB">
省11
370: 2007/11/30(金)12:58 ID:??? AAS
【環境】Opera 9.24, Opera 9.5 beta
【症状】フロートに後続する要素でフロートをクリアすると、その要素の
上マージンが無効になる
【ソース】
#boxA { background: yellow; }
#boxB {
float: left;
background: aqua;
}
#boxC {
省7
371: 2007/11/30(金)13:46 ID:??? AAS
【環境】Opera 9.24, Opera 9.5 beta
【症状】間にフロートを挟んだ上マージンどうしが相殺するとき、フロートが
包含ブロックより上に配置される
#boxA { background: yellow; }
#boxB { background: orange; padding-right: 20px; }
#boxC {
float: left;
background: aqua;
}
#boxD {
省8
372: 2007/12/09(日)19:53 ID:??? AAS
【環境】Opera 9.24, Opera 9.5
【症状】vertical-align:text-bottomを指定した要素のボックスが
親要素の内容領域の下にはみ出す
span.p {
background: lime
}
span.text-bottom {
vertical-align: text-bottom;
font-size: 15px;
background: yellow
省4
上下前次1-新書関写板覧索設栞歴
あと 255 レスあります
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル
ぬこの手 ぬこTOP 0.008s