- ベストアンサー
Firefoxで、tableに指定したmargin-leftがスクロールバーで×（ソース記載にて長文です）
HTMLにて質問してましたが、回答ありませんでしたので、カテゴリを変えて質問させていただきます。 bodyをmargin、paddingともに0にして、tableを配置してmargin-left:15pxを指定したのですが、スクロールバーが出た時にFireFox2.0でずれます（他、IE6、safari3は問題無）。 どうも、marginがきかなくなるようですが、原因がお分かりになれば教えていただけないでしょうか？ また、回避策は何かあるでしょうか？ divに設定したmarginは問題無です。 tableをdivで括って、marginはdivに設定すれば問題ありません。でも、できればシンプルにbodyの直下にtable配置したいと思っているのですが…。 どうぞよろしくお願いします！ 以下にサンプルソースを記述します↓ ------ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>テーブル</title> <style> <!-- body{ margin:0; padding:0; } --> </style> </head> <body> <div style="width:500px; background-color:#00FF00; margin-left:14px;">div</div> <table width="500" border="0" cellspacing="0" cellpadding="0" style="margin-left:14px;"> <tr> <td bgcolor="#0099FF">テーブル</td> </tr> </table> </body> </html>
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
>tableはblock要素じゃないのでfirefoxがあっているのでは？ 試してみたら 実はFirefox 2.0.0.14と http://releases.mozilla.org/pub/mozilla.org/firefox/releases/2.0.0.14/win32/ Minefield 3.1a1pre http://ftp.mozilla.org/pub/mozilla.org/firefox/tinderbox-builds/mozilla-central-win32/ でテストしてみたら結果が違うのよ。 どっかで修正入っているはずなのでBugzilla漁ればあるはずなんだけど 面倒くさいので放置してます
その他の回答 (2)
- ran_2323
- ベストアンサー率43% (32/73)
table{display:block;} にすれば回避できるかと思いますが…。
お礼
ご回答、ありがとうございます。 試したら、現象が出なくなりました！ ちょっと見てみたところ、 display:block; にするとtableにwidthを設定しないとblock要素なので、横幅いっぱいに広がる、という所が違ってくるでしょうか。 他のブラウザでも問題無さそうですが、 他に、何か懸念されること、おわかりになったら教えていただけると嬉しいです。 引き続き、検証したいと思います！
補足
ご報告です。 Firefox3では問題が解消される見通しで、Firefox3の正式リリースが間近なようなので、今回は回避策を取らないことにいたしました。 みなさん、ご回答どうもありがとうございました。
- yambejp
- ベストアンサー率51% (3827/7415)
tableはblock要素じゃないのでfirefoxがあっているのでは？ 単純な左揃えということであれば、イチイチdivとtableに marginを設定するより、bodyをleft-padding:15px;とする方が はやくないですか？
お礼
ご回答、ありがとうございます！ 確かに、bodyにmarginを設定すれば早いですよね。 実は、ナビゲーションやコンテンツなど、モノによってmarginを変えるので、個別の設定にしたく質問させてもらいました。
お礼
情報、ありがとうございます！ Firefox 3 Candidateを早速インストールして見てみました。 問題の現象が起こりませんでした！ Bugzilla、恥ずかしながら英語が得意でなくて詳細を追うのは容易ではないのですが、きっとFirefox 3では修正されるのですね。