ブラウザによるレイアウトの違い

1 ななしのよっしん
2009/05/09(土) 17:36:56 ID: e2tbNK7KzC
作成乙
速だけど、中央寄せの問題は、むしろ不具合の部類に入る気がするんだけど、だれか掲示板で報告とかしてるのかな?
既出で却下されていたらごめんなさい。
2 ななしのよっしん
2009/05/09(土) 17:43:16 ID: QLlvHpj2IU
firefoxで編集された記事とか、
他のブラウザで編集されたものをfirefoxで見たときに
レイアウト崩壊が起こりやすい気がするな。

自分はoperaだけど。
3 ななしのよっしん
2009/05/09(土) 17:54:03 ID: PqLOWUUJ68
> 逆に、IEを見捨ててtable style="margin: auto"
> の定しかしていないという場合もある。

IE6以上だったら"margin: auto"だけで中央寄せできるはず。
4 imA
◆AFC8WD/IwA 2009/05/09(土) 18:19:15 ID: dYYoMPtzvj
うまく記事に起こせないのでこちらに。
tableの中の動画サムネイル画像の貼り付けについて。環境Mac OS X 10.4.11 tiger

↓この記事を safari3.2 と Firefox3.0 で見べると、
http://dic.nicovideo.jp/r/v/sm6948321/274142
safariで見たときの、tableの中の動画サムネイル位置がずれる。

が、サムネイルの前に   をいれるとずれない。
http://dic.nicovideo.jp/r/v/sm6948321/274152
<td><a リンクのいろいろ>動画サムネ情報</a></td>
↓追加
<td>&nbsp;<a リンクのいろいろ>動画サムネ情報</a></td>

何でずれないのか、そもそも何でずれるのかはよく分かっていません。HTML仕様とかもよく分かっていません。ごめんなさい。
ローカルですが、問題と解決法を見つけたので報告します。
5 ななしのよっしん
2009/05/10(日) 05:53:31 ID: x3czt37Rm2
table align="ほにゃらら"はむしろFirefoxで効いてIEで効いてなかったような?
だからいつもdivで囲ってからやってたよ。記憶違いだったらスマソ

あと疑似ほめるボタン3月6日投稿動画←みたいに
tableでやったらFirefoxでもズレくなったよ、他は確認してないけど
6 ななしのよっしん
2009/08/27(木) 19:20:20 ID: rWAsFl63Py
擬似ほめるボタンは「ニコニコ大百科:HTMLテンプレート集」の掲示板レス37ソース提示してくれてるよね。
ブラウザによってはアレでも駄ん?
7 ななしのよっしん
2009/09/25(金) 20:49:37 ID: 3TDxrQL53a
ニコニコ大百科:タグ一覧では
テーブルにおいて
tdとtrでstyle属性が利用可、となっていますが
IE8のみうまくいきません。

IE8だと
<table>
<tbody>
<tr style="background-color: #0000ff;">
<td>ほにゃらら</td>
<td>ほにゃらら</td>
</tr>
</tbody>
</table>
としても色はでません。
opera10.00、safari4.0.3、google chrome3.0.1は色がつきますが、
IE8.0.7のみ色が出ません。
<table>
<tbody>
<tr>
<td style="background-color: #0000ff;">ほにゃらら</td>
<td style="background-color: #0000ff;">ほにゃらら</td>
</tr>
</tbody>
</table>
ならどのブラウザでも色がつきます。
8 ななしのよっしん
2009/09/25(金) 20:50:45 ID: 3TDxrQL53a
あちゃー、スペース字下げしたのに消えちゃった。
読みにくくて申し訳ない。
9 ななしのよっしん
2010/01/19(火) 15:56:10 ID: hLdyrCt3MW
<pre>や<code>を使うと、ブラウザによって大幅に字幅が変わるようだ(具体例 ニコニコ大百科:お知らせ表示の一覧
IEがでかくてchromeは小さくfirefoxは中間くらいの大きさになる。長いソースコード書くときは使わない方がよさそう。

あと、chrome使ってると、まだ5文字くらい入るのに自動改行されることがしょっちゅうあるんだが、これはchromeが悪いのか?
10 ななしのよっしん
2010/08/26(木) 07:39:43 ID: ycCwJ5rVgl
禁断の入れてるとどうしても崩れる
11 ななしのよっしん
2011/01/01(土) 02:52:44 ID: q5arBPfXia
>>7
久々に確認したら解決してました
12 ななしのよっしん
2011/05/07(土) 10:26:59 ID: cajxSTyu1r
「vertical-align: baseline」のような、ニコニコ大百科の基本CSSについて
どこかにまとめたいんだけど、この記事に書いてもよいものかな?
見出しタグを付けたときにの下線がついて四背景画像がついて…みたいな一覧
13 ぎみっく
2011/05/08(日) 04:20:59 ID: b3N+xeTY0b
>>12

やるなら、新規記事でやるべきだと思う。

各記事に散らばってるのもまとめる感じで
大百科の基本CSSは各ブラウザの機使ってひろってもいいし
CSSファイル見て分かるなら、そこからまとめてもいいし。

大百科で使えるものは、宮城さんが前にユーザ記事めてくれてたから
それを基に検証してけばおkだと思う。

現行のブラウザだと、ほぼ狙い通りの挙動をしてくれるけど、
それ以外が問題だったりするから、基本を知っておくのも重要かもね。
一部の人だけが知ってるってのは、まずいだろうし。

この際だから、大百科
CSS上、できる事とできない事も明確にしたほうがいいかもしれないし。
14 ななしのよっしん
2012/11/27(火) 17:47:01 ID: hYyNqTScKc
IEFirefoxだと半角文字(英数字)に使われてるフォントが違う。
ちなみにwin7

急上昇ワード

おすすめトレンド

最新の話題で記事を新しくしてみませんか?

パイセン 西部警察 Fortnite 森下暢仁 となりのトトロ 横浜優勝 ABCスープ 松竹梅

スマホで作られた新規記事

こちらの記事に加筆・修正してみませんか?

アルトリア・キャスター 火炎猫 異性 主は絶対イグニ生