- ベストアンサー
ページを中央によせる。
下のページのレイアウトでページを中央に表示するにはどうしたらいいですか？ http://www.1uphp.com/con2/layout/pagelayout1.html
- osiete_kun
- お礼率6% (30/471)
- HTML
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- nitto3
- ベストアンサー率21% (2656/12205)
- pasocom
- ベストアンサー率41% (3584/8637)
ページ中央付近にある記述 ＞#left { width:200px; height:600px; float:left; } の「 float:left;」を「 float:center;」とすればよいのでは・・。
お礼
ちなみに今のソースを //------------ layout.html ここから---------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <link rel="stylesheet" href="layout.css" type="text/css"> <title>ここにタイトルを挿入</title> </head> <body> <div id="top"> <img style="width: 297px; height: 55px;" alt="人生" src="logo1.gif"> </div> <div id="left"> <p>左に文章を挿入</p> </div> <div id="right"> <p>右に文章を挿入</p> </div> </body> </html> //------------ layout.html ここまで---------------- //------------ layout.css ここから---------------- #top { width:600px; height:60px; } #left { width:150px; height:600px; float:left; } #right { width:450px; height:600px; float:left; } //------------ layout.css ここまで----------------
補足
だめでした。
関連するQ&A
- ページ全体を中央に表示したい
ページ全体を中央に表示したいので http://www.1uphp.com/con2/layout/bodycenter.html の通りにコードを張り付けたのですが、全体が若干左に寄ります。 どこを修正すればいいのでしょうか？ body { margin:0px; /* ページ全体のmargin */ padding:0px; /* ページ全体のpadding */ text-align:center; /* 下記のautoに未対応用のセンタリング */ } #main { margin-left:auto; /* 左側マージンを自動的に空ける */ margin-right:auto; /* 右側マージンを自動的に空ける */ text-align:left; /* 中身を左側表示に戻す */ width:650px; /* 幅を決定する */ } この通り貼り付けました。
- ベストアンサー
- HTML
- 全てのページの目次を変更
とりあえず下の図 http://www.1uphp.com/con2/layout/img/pagelayout11.gif ここで上はタイトル。左は目次、右は本文だとするとまた問題が発生しました。 目次が５個あるとするとhtmlファイルは５個。 そこに目次を追加したいとき６個目を入れたとすると今までのhtml５個の目次も変更になります。どうしたらいいですか？
- ベストアンサー
- HTML
- テーブルを中央に表示させる場合
cssでテーブルを中央に表示させる場合、 http://www.1uphp.com/con1/table/align-center.html のサイトでいうと、 １．<div>の中身をtext-align:center;で中央に表示 ２．中央表示されないブラウザ(FirefoxOpera)に対してmargin-方向:auto;を設定 のどちらの方法で指定したほうがいいのでしょうか？ 万人向けのサイトを作ってるのでブラウザはまちまちなのですが そのような場合のタグの書き方を教えてください。
- ベストアンサー
- CSS
- テーブルのセルでリンクする
只今、ホームページを作成していまして、テーブルを使用したメニューを作成しています。 そこで、リンクをテキストではなくテーブルのセルにリンクを使用と思い、導入までは出来ました。 参考にしたページ↓ http://www.1uphp.com/con1/table/cell-link.html このリンクをするとテキストの天地中央で設定されていたものが上に固定されてしまいます。 （左右の設定は問題ないみたいです。） 同じサイト内にあるテーブルの位置の設定を参考に設定してみましたが、うまくいきません。 参考ページ↓ http://www.1uphp.com/con1/table/cell-align.html なんとかテキスト部分を天地中央に持っていきたいので、ご回答頂ければと思います。 宜しくお願い致します。
- 締切済み
- HTML
- エクセルでページ中央で印刷しても左にずれてしまう。
エクセルの印刷で困っています。 今使用してるのはエクセル2010です。 以前2000を使用しているときには、ページ中央印刷がうまくできていたのですが 2010にアップグレードし同じようにページ中央印刷しようとするとどうしても 左に寄ってしまいます。 ページレイアウトでは中央に表示されています。 どなたかご助言いただけませんでしょうか？ よろしくお願いします！
- 締切済み
- その他MS Office製品
- GoliveCS、ページ全体が中央にくる方法を教えてください！！
Golive初心者です。レイヤーを使って画像や文章を好きなようにレイアウトしてきました。現在はページは左よりになっています。今のレイアウトごとページの中央に配置する一番いい方法を教えてください！！あと、過去の質問にもありましたが、印刷プレビューで見ると、ページのレイアウトが完全にバラバラに見えます。そのようなサイトは見たことがないのですが、レイヤーを使うとこのようなことがおこるのでしょうか？それともレイヤーの使い方に問題があるのでしょうか？色々調べたのですが、ずっと解決できずに悩んでいます。どうか教えて下さい！！お願いします。
- 締切済み
- ホームページ作成ソフト
- ワード2007：ページの中央が簡単にわかる方法を教えてください。
ワード2007：ページの中央が簡単にわかる方法を教えてください。 A4半分に収まる書類2枚を、A4一枚に同時に印刷し、半分に切って会社で配布したいと思っています。 なかなかページの中央がわからず、試行錯誤で上下のページの比率が同じになるように調整しました。 もし、簡単にページの中央がわかる方法があれば教えてください。 （もしくは、下半分のページの上端を、紙の中央に持ってくる方法があれば、教えてください） お願いします。
- ベストアンサー
- オフィス系ソフト
- タブメニューについて
こんにちは。 早速ですが、 http://www.1uphp.com/con2/over/over3.html のサイトを参考にしながらタブメニューを作っているのですが、たとえば「NEWS」のページにジャンプした時、「NEWS」メニューのオーバー状態のタブにする事は可能でしょうか？ 初心者ですが、宜しくお願い致します。
- ベストアンサー
- JavaScript
- 【助けて！】MovableType３カラムで中央カラムのレイアウトが崩れる
MovableTypeで３カラムのブログを作っていますが、 ブラウザ一杯にして見ると問題ないですが、 ブラウザを縮めるうちに中央カラムだけが下に落ちてレイアウトが崩れます。 崩れないようにしたいのですがどうすればよいでしょうか？ ちなみに中央カラムには「テーブル」でレイアウトを整えています。 --- 例えば下のサイトはブラウザ伸縮しても崩れません、 何とかこんな風にしたいのです！ http://e-words.jp/ http://www.harakiri-style.com/mybubble/
- ベストアンサー
- その他([技術者向] コンピューター)
- フレームを使った縦横中央へのレイアウト
縦横ともに画面中央にレイアウトするには、どのような方法が良いのでしょうか？ http://www.salon-de.net/main.html このサイトではテーブルを縦横１００％にしてセルで中央にレイアウトされるように指定しているようですが、テーブル縦１００％を認識しないブラウザでは中央レイアウトになりません。 http://www.parkhyatttokyo.com/ このサイトでは、なぜかフレームを縦２段で１００％と相対に指定し、１００％の方に内容の入ったＨＴＭＬファイルを表示させています。 画面中央にレイアウトされたページでは、このようにフレームを縦２段にして１００％と相対に指定したものが多く見受けられますが、これにはどのような意味があるのでしょうか？ さらに、 http://www.toraya-cafe.co.jp/ では同様のフレームが２重になっています。 また、なぜか「TD」タグ内では「vAlign=center」「align=middle」のようにダブルクォーテーションを付けない書き方が多数派となっています。 この理由はなぜでしょうか？ 詳しい方お教え願います。
- 締切済み
- HTML
補足
各範囲で文字が中央寄せになるのでだめです