- 締切済み
CSSでセンター寄せにしたいのですが、
ＩＥ６だと text-align:center; で、センター寄せになりますが、 Ｆｉｒｅｆｏｘだとセンターになりません。 他にソースがあるのでしょうか？ 教えてください！
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- beaper
- ベストアンサー率12% (11/89)
関連するQ&A
- CSSによるセンターよせについて
<div> <p> 真ん中に寄せたいコンテンツ </p> </div> のように</p>部分を<div>の真ん中に寄せたい場合、 div { width:400px; } div p{ margin-left:auto; margin-right:auto; } で実現できるとおもうのですがこれだとmargin: autoの利かない IE6では真ん中によりません。 そこで、IE6用に div { width:400px; text-algin: center; } div p{ margin-left:auto; margin-right:auto; } と text-algin:center を施すわけですが 複数のブラウザに対応させようとおもったら、 常にtext-alginとmarginで２パターンのセンター寄せの 記述をしないといけないのでしょうか。 もしくは、 <table algin='center'><tr><td> <p> 真ん中に寄せたいコンテンツ </p> </td></tr></table> のようにテーブルを使わないといけないのでしょうか。 もっとシンプルにいろんなブラウザに対応したセンター寄せ方法があれば アドバイスお願いします。
- ベストアンサー
- HTML
- floatを使用すると中央寄せにならない
CSSについて質問があります。 floatを使って2段組のレイアウトにしたのですが、 MacのIE5.2で見ると、floatを使ったdiv（container）だけ中央寄せではなく 左寄せになってしまいます。MacのSafariやFirefoxでは正常に見れました。 URL：http://fuma.xrea.jp/ /* CSSソース*/ html{height : 100%; width : 100%;} body{width : 100%; text-align : center; margin : 0px auto; padding : 0px;} #container{ margin : 0px auto; padding : 0px; width : 720px;} div#main{ text-align : left; width : 490px; margin : 0px; padding : 8px 0px; float : left;} div#side{ margin : 0px; padding-bottom : 8px; text-align : left; width : 230px; float : right;} div#copyright{ text-align : center; margin : 0px auto; padding : 10px 0px; clear : both; width : 720px;} /* HTMLソース */ <div id="container"> <div id="side">てすと</div> <div id="main">てすと</div> </div> <div id="copyright">test</div> <div align="center">を使っても中央寄せになりませんでした。 どうすれば、MacのIEでも中央寄せにできますか？
- ベストアンサー
- CSS
- css box ieだけ中央寄せ出来ない
サイトを作っています。CSSのBOXを使って、メイン部分を構成しているのですが、IEだけ中央寄せされません。どのようにすれば解決できますか？できれば<div style="text-align:center">内容</div>は使いたくないです。 <style type="text/css"> <!-- body { background-color: #EEEEEE; } .mainbox{ width:900px; height:1000px; padding:6px 6px 2px 2px; border:8px; margin-left: auto; margin-right: auto; text-align:left; background-color:#bde9ba;} body { overflow: hidden; } --> </style> <div class="mainbox"> 内容 </div> 質問に関係ありませんがクローム、オペラ、モジラでは正常に表示できるのになぜIEだけはちゃんと働かないのでしょうか？ IE迷惑ですｗ
- ベストアンサー
- CSS
- <div align="center">を使わずにCSSだけでセンター表示する方法？
現在、CSSでホームページを作っているのですが、IEではうまくセンター表示できるのですが、firefoxなどでは左によってしまいます。 bodyに<div align="center">を記載せずにCSSだけでセンターに表示させることは出来ないものでしょうか？ちなみにIEでセンターによってしまうのはバグだと聞いたことがあるのですが、本当でしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- CSSで、文字は左寄せにして、文字全体を中央寄せにする方法
を教えてください！^^; text-align: left; で文字を左寄せにすることができることは先ほど調べてわかったのですが、 文字全体を中央寄せにする方法が分かりません^^; 本当に困ってます、どなたか教えてくださいお願いします＞＜
- ベストアンサー
- CSS
- 別ファイルに記述したcssが効きません。。
はじめまして、お世話になります。htmlコーダーをしております。 htmlファイルに直接、 <div style="text-align:center;"> <div style="width:500px;margin:0 auto;">テキストテキストテキスト</div> </div> と書くと、スタイルがちゃんと効いてくれるのに、 cssファイルを別に作り、 #menu { text-align:center; } #menu .title { width:500px; margin:0 auto; } と書いて、htmlファイルに <div id="menu"> <div class="title">テキストテキストテキスト</div> </div> と書くと、Windows FireFoxだとtitleがまったく効いていないようです。 呼び出すファイルやクラス名を間違えているとか、もうひとつ同じ名前のクラスで上書きしてしまっているようなミスはないようです。 似たようなクラス名は使わないほうがよいとか、center寄せとマージンの組み合わせ方法などの問題なのでしょうか。。 どうぞご教授くださればと思います。よろしくお願いいたします。
- 締切済み
- HTML
- FireFox2.0でCSSを使ってテーブルそのものをセンタリングしたい
IE６だと #wrapper { text-align: center; } <div id="wrapper"> <TABLE border="1"> <tr><td>テキスト</td></tr> </table> </div> とやればテーブルそのものがセンタリングされるのですが、 FireFox2.0だと左に寄ったままです。 CSSを使わずに<center>で囲めばセンタリングされますが、 そうではなくてCSSを使ってやるやり方はないでしょうか？
- ベストアンサー
- HTML
- CSSレイアウトでの中央寄せ
おせわになります。 bodyに背景画像を指定し、CSSで中央寄せをしているのですが、 動作確認でブラウザ幅をこまかく拡大・縮小を繰り返すと、 背景画像とコンテンツ部とが1pxずれる事があります。 Win IE6.0、7.0、MacOSX safari2.0でこの現象がおき、FF2.0はWin&Macともに問題ありません。 この解決方法はありますでしょうか。 ご教授のほど、よろしくお願いいたします。 ▼HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>テスト</title> <style type="text/css"> <!-- body { margin:0; padding:0; text-align:center; background: url(http://www.geocities.jp/ajax3210/bg.gif) center top repeat-y; } #wrapper { width:746px; height:100px; background-color: #CCCCCC; margin-left:auto; margin-right:auto; text-align:left; } p { margin:0; padding:0; } --> </style> </head> <body> <div id="wrapper"> <p>テスト</p> </div> </body> </html>
- ベストアンサー
- HTML
- インラインフレームの中央寄せについて
ブログのサイドバーに、アマゾンのウィジェットを貼り付けています。 しかし、<iframe・・ align="center">にしても、中央寄せにならず、左寄せになっている状態です。 元のソースは以下になります。 <iframe src="http://rcm-jp.amazon.co.jp/e/cm?～（省略）～" marginwidth="0" marginheight="0" width="120" height="240" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe> どのようにすれば、サイドバーに中央寄せとなるのでしょうか？ ご回答よろしくお願い致します。
- ベストアンサー
- ブログ
- ゲームパッド『JC-U3712T』の後継モデルがあるか知りたい
- 『JC-U3712T』の中のゴムが劣化し、ボタンが戻りづらくなったため、同じElecomのゲームパッドを購入したい
- 使用しているノートパソコンはWindows10で、ゲームパッドについての質問があります
お礼
できました！ ありがとうございます！