- ベストアンサー
ページの表示位置
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
body { text-align: center; } /* center on ie */ #container { （略） margin: 0 auto; /* center on everything else */ （略） } …こんな感じの記述がスタイルシートに入ってませんでしたか？ とにかく、bodyに「text-align: center;」、コンテンツ全体を囲むブロック要素に「margin: 0 auto;」を指定するのが、センターに寄せる方法です。
関連するQ&A
- このタグですが、ページを右端から左へ縮めても、常に中央に位置させたいのですが、、
このタグですが、ページを右端から左へ縮めても、常に中央に位置させたいのですが、、、 <BODY> <DIV style="top : 56px;left : 95px; position : absolute; z-index : 1; width : 336px; height : 21px; " id="Layer1" align="center"><FONT size="+4">テキスト</FONT></DIV> </BODY>
- ベストアンサー
- HTML
- 表示位置について
初心者ですが、ソフトを使っていなければ 此処で質問をした方が良いと言われたものですからよろしくお願いします。 <style type="text/css"> <!-- body{background-color:#ffffdd} div.box{margin:5px; width:740px;height:1000px;padding:10px; background-color:#fff;border:4px solid #008080;} --> </style> <body> <div class="box"> </div></body> 800×600の画面一杯に、こういうボックスを作って、 最大画面で見る時は、よく有る企業のページのように、左右に余白が出るようにしたいのですが、 どうしても、中央ではなく左側に表示されます。 後、テキストで"white space"を活用したいのですが、何処にどう書き込めばいいか解りません。 質問が判りづらくてスミマセンが、教えて頂けますか。
- ベストアンサー
- その他([技術者向] コンピューター)
- ページの内容が折り返してしまう。
ホームページを作成中で 今フレーム横割りで三分割したページを 枠で囲んで表示させたくて 下のようなタグを各ページに打ちこんでいます。 BODY {border-width:pt; border-color: #99ccff; border-style:solid; border-left-width:px; border-right-width:px; border-bottom-width:px; border-top-width:px} ですがお気に入りのウインドウを出したときや ウィンドウを小さくしたときに ページの内容が枠につぶされて レイアウトがくずれてしまいます。 ページを枠で囲んだまま 折り返しをできなくするようにするには どうしたらよいのでしょうか アドバイスお願いします。
- 締切済み
- HTML
- スタイルシート 全体と個別？
スタイルシートで table { width="100%"; }と定義しているところで、 <table>タグを書くと100%で表示されます。 これはこれで全てのテーブルタグが一律そうなって便利ですが、 特定のテーブルだけ width="100px"にしたいのですが可能でしょうか？ CSSの仕組みを理解していないのでお分かりの方教えてください。 全て一律で定義した状態で、特定のテーブル（タグ）だけ別のスタイルにしたいです。 特定のテーブルだけ<table width="100px">や <table style="width:100px">としましたが、私のミスか全体のスタイルシートの設定ままでした。
- ベストアンサー
- HTML
- ■IE表示 位置ずれ
■IE表示 位置ずれ お世話になっております。あるサイトから無料のテンプレートを入手しましたが IEでは「left」が画面の中央に表示されてしまいますが解決方法はありますでしょうか？ body{ min-width: 412px; width:985px; margin:0 auto; font-family:Tahoma; font-size:11px; color:#565656; position:relative #container { padding-left: 172px; padding-right: 238px; height:100% #left { width: 172px; right: 172px; margin-left: -100%; #right { width: 238px; margin-right: -238px; 初心者で申し訳ございませんが宜しくお願いいたします。
- ベストアンサー
- HTML
- スタイルシートで位置指定したときに表示が乱れる環境
スタイルシートで位置指定したときに、うまく表示がされない環境について教えてください。 ホームページの中で、部分的に次のような書き方をして位置指定しています。 <SPAN STYLE="position: absolute; top: 40px; left: 10px">～</SPAN> このタグを <BODY> aaaaaaa <BR><BR><BR> <SPAN STYLE="position: absolute; top: 40px; left: 10px">～</SPAN> bbbbbbbbbbbbb <BR>cccccccc </BODY> このような書き方で<BR>タグでスペースを空け、そこに位置指定がくるようにしています。 実際にはテーブルとかフォームのタグ、Javascriptも併用したページになっています。 私の環境のWin98、IE6.0では問題なく表示されているのですが、表示が崩れる環境には具体的にどんなものが有るのでしょうか。OSによる影響、ブラウザーによる影響等個別にわかればお教えください。
- 締切済み
- HTML
- CSS(スタイルシート)で画像の縦サイズに合わせて、中央揃えで文字を表示したい。
CSS(スタイルシート)で画像の縦サイズに合わせて、中央揃えで文字を表示したい。 スタイルシートで、画像の縦サイズに合わせて中央揃えで文字を表示したいのですが、 どのように記述したら良いのかわかりません。 下記のようにテーブルを使えば簡単に出来るのですが、 これをスタイルシートのみで表現するにはどのように記述すればいいのでしょうか？ ちなみに左側画像の縦サイズは変わります。 よろしくお願いします。 ------------------------------------------------------------------- <html> <head> <title>CSS</title> <style type="text/css"> <!-- #waku { width: 451px; margin: 0; padding: 6px 8px 6px 8px; background-color: #008837; } --> </style> </head> <body> <div id="waku"> <table width="435" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="80"><img src="hoge.gif" width="80" height="変わります"></td> <td width="355" valign="middle">あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</td> </tr> </table> </div> </body> </html> -------------------------------------------------------------------
- 締切済み
- HTML
- embed タグを用いると表示が遅い
いつもお世話になります。 <embed src="・・・.mid" style="width:300px;height:30px;margin-right:10px;" autostart="FALSE" loop="TRUE" save="TRUE"> などとするとウェブページから音楽を聞くことができるようになりますが、このembedタグを用いると該当のページの表示が著しく遅くなってしまいます。 何か設定がおかしいのでしょうか。 また、代替の方法はございませんでしょうか。 よろしくお願いいたします。
- ベストアンサー
- HTML
- 画面100％表示のトップページ用ヘッダーがうまくできません
body{height:100%; width:100%; margin:0; padding:0;} として、フッターまでの表示が画面１００％になるように作っているのですが・・。 ヘッダーのスタイルシートを↓↓ #header{width:100%;height:100px:"} として(フォント・背景色等、質問に関係ないと思われるタグは抜いております。）、幅１００％、高さ１００pixにしているのですが・・ 中に記載したい文字を配置しようと、 この#header に上、左、パディングを設定すると、その分下や右にもヘッダーが伸びてしまいます。 センターではなく、左側に余白を設け、下の方に文字を配置したいのですが・・どうすればいいでしょうか？？
- ベストアンサー
- HTML
お礼
body { text-align: left; } をcenterにしても中央寄せにならずに、丸１日いろいろやってましたが、教えていただきましたとおり、#container に 「margin: 0 auto;」を記述しましたところ、中央寄せになりました。 助かりました、本当にありがとうございました。