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

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

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

IE6以上だったら"margin: auto"だけで中央寄せできるはず。
👍
高評価
0
👎
低評価
0
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仕様とかもよく分かっていません。ごめんなさい。
ローカルですが、問題と解決法を見つけたので報告します。
👍
高評価
0
👎
低評価
0
5 ななしのよっしん
2009/05/10(日) 05:53:31 ID: x3czt37Rm2
table align="ほにゃらら"はむしろFirefoxで効いてIEで効いてなかったような?
だからいつもdivで囲ってからやってたよ。記憶違いだったらスマソ

あと疑似ほめるボタン3月6日投稿動画←みたいに
tableでやったらFirefoxでもズレくなったよ、他は確認してないけど
👍
高評価
0
👎
低評価
0
6 ななしのよっしん
2009/08/27(木) 19:20:20 ID: rWAsFl63Py
擬似ほめるボタンは「ニコニコ大百科:HTMLテンプレート集」の掲示板レス番37にソース提示してくれてるよね。
ブラウザによってはアレでも駄なん?
👍
高評価
0
👎
低評価
0
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>
ならどのブラウザでも色がつきます。
👍
高評価
0
👎
低評価
0
8 ななしのよっしん
2009/09/25(金) 20:50:45 ID: 3TDxrQL53a
あちゃー、スペース字下げしたのに消えちゃった。
読みにくくて申し訳ない。
👍
高評価
0
👎
低評価
0
9 ななしのよっしん
2010/01/19(火) 15:56:10 ID: hLdyrCt3MW
<pre>や<code>を使うと、ブラウザによって大幅に字幅が変わるようだ(具体例 ニコニコ大百科:お知らせ表示の一覧
IEがでかくてchromeは小さくfirefoxは中間くらいの大きさになる。長いソースコード書くときは使わない方がよさそう。

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

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

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

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

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

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

ニコニコニューストピックス