ニコニコ大百科

①table は border-collapse: collapse;
②td に追加 vertical-align: top;

>>1
さんくす

①bodyに書いてあった
②div.article tdとdiv.content td別にしてあるとか嫌がらせだろ、これｗｗｗ

>>1
今調べてみたら
②についてなんだが
html > body#basebody > div#container > div#contents > div#main > div#left-box > div#article > table > tbody > tr > td

ってなってて（td ＝ body#tinymce td, div.article td）
なんか
div.content td {
vertical-align: top;
}
は適用されてないみたいなんだが…
つーかこれが適用されてねーからブラウザによるレイアウトの違いの「テーブルで画像と並んだ文章がずれる問題」が起こんじゃねーの？

td の vertical-align はブラウザのデフォルト（baseline）だと思います。
お絵カキコ入れたtable作る時はわざわざvertical-align: top;自分で入れてるし。
個人的にはtopのほうが汎用性高いと思うけど、一行で揃える時はbaselineのほうが良いこともありますね。

tdに適用されてるのは
vertical-align: baseline;
ですね。最初のリセットCSS部分の。つまり ニコニコ大百科:HTMLタグ一覧 の説明が間違っているか、仕様が変わったか。

あとは不要ですが、なぜか編集画面の時はフォントが指定されてる謎。実際の記事ではフォント指定無いようだけれど。（Windows）

削除しました

スマートフォン版だと<table>タグのデフォルトCSSが[border-collapse: separate;]になっているようです。
明示的に[border-collapse: collapse;]を設定することで、PC版と同じ表示になるのを確認しました。

「について語るスレ」の名前（↑の「ななしのよっしん」）の色が #008800; なんですけど、この記事に載せるのは違いますかね・・・？

あ、それとさっき気づいたんですが、cssファイルのURLがまた変わってたようです。たぶんこれかな？
http://dic.nicovideo.jp/nd0.css

http://dic.nicovideo.jp/nd2.css
記事にある↑は、背景画像のみを指定するようになってますね。恐らく「木目にする」実装のとき？
ついでに木目版のcss
http://dic.nicovideo.jp/ndx.css

ほんまこの記事にはいつも助けられてます
本当にありがとうございました

>>編集
h4とh5は対応するお絵カキコが無かったから、暫定的に用いたh3のアイコンお絵カキコがそのままになってたんですよ。
現状の記事に使用されてるやつもオリジナルの物とは配色違いますし…それだけの為にドット拾うのもだるいし

それとは別件で、スマホ版で適用されるCSSも記載した方がいいかな？
max-widthとか色々とレイアウト崩れる原因になってる要素がいくつかあるし

>>11
スマホ版のcssがあるととても助かります
画像周りとかレイアウトがやたらと崩れるので…

>>11

＞h4とh5は対応するお絵カキコが無かったから、暫定的に用いたh3のアイコンお絵カキコがそのままになってたんですよ。

了解しました。

スマホ版はあると助かります。

>>12-13
了解です。
スマホ版のCSSはそんなに変更点がないみたいなので、
変更点のみの記載とレイアウトが崩れる原因となっている要素への対応策を載せてみようかと思います。

PC版とスマホ版のCSSを同一ページで記載するとわかり難くなるかもなので
過去リビジョンの使用を検討してみます。

>>14

> PC版とスマホ版のCSSを同一ページで記載するとわかり難くなるかもなので
> 過去リビジョンの使用を検討してみます。

それなら別記事のほうがいいと思います。

>>15
> それなら別記事のほうがいいと思います。

やっぱりそうですよね…
項目毎に書くにしても、スマホ版を分離して記述するにしても
同一ページだと混同してしまうだろうな、と。

と言っても、変更点だけなら記事にするほどの量でもないっていう…

>>15
一応、現状の記事に項目別にスマホ版で変わってる部分だけ載せたらこんな感じになる。
https://www.dropbox.com/s/dlcb1pgdzbca518/sp-css%E8%A8%98%E4%BA%8B%E7%94%A8.txt?dl=0

最初のフォントサイズとかの所は判り易く背景色つけてみた

>>17
これでいいと思います

スマホ版か。
これから試行錯誤してみるが、関連項目は<ul>からなんとかできそうな気がする

スマホ版見出しのCSSがPC版と統一されましたね。

ここの情報のおかげで記事作成にとても助かってます
ありがとうございます