• ベストアンサー

スタイルシートで

ページ全体を右寄せや左寄せに指定するのを align=left などではなく スタイルシートで指定したいのですが、どうすればいいのでしょうか? スタイルシートで指定できるものなのでしょうか・・・? 知っている方がいましたら、教えて下さい。

  • eclis
  • お礼率46% (41/88)
  • HTML
  • 回答数3
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
noname#10926
noname#10926
回答No.2

右 <STYLE type="text/css"> <!-- BODY{ text-align : right; } --> </STYLE> 左 <STYLE type="text/css"> <!-- BODY{ text-align : left; } --> </STYLE> 中央 <STYLE type="text/css"> <!-- BODY{ text-align : center; } --> </STYLE>

その他の回答 (2)

  • F-14
  • ベストアンサー率45% (50/110)
回答No.3

閲覧者のブラウザーをIEに限定し、他のブラウザーを一切考慮しないということであれば、#2さんの回答で宜しいかと思います。 しかし、他のブラウザーのことも少しは考慮するのであれば、#2さんの方法では、NetscapeやOperaでは表を寄せることが出来ません。 #2さんご回答のスタイルシートをそのまま利用する場合は、ページ内の全てのtable要素に次のようなstyle属性を加えてください。 左寄せ <table style="margin-left:0px; margin-right:auto;"> 中央 <table style="margin-left:auto; margin-right:auto;"> 右寄せ <table style="margin-left:auto; margin-right:0px;">

  • kojitti
  • ベストアンサー率32% (449/1386)
回答No.1

こちらをご参照ください。

参考URL:
http://tohoho.wakusei.ne.jp/css/basic.htm

関連するQ&A

  • 外部スタイルシートで定義したスタイルの継承のようなものは可能でしょうか

    外部スタイルシートで定義したスタイルの継承のようなものは可能でしょうか? 以下、例で説明すると、「main」スタイルを「sub1」と「sub2」が継承し、 「sub1」は「main」の「color」を継承し、「text-align」をオーバーライドしたい。 「sub2」は「main」の「text-align」を継承し、「color」をオーバーライドしたい。 【例 : 外部スタイルシート】 .main { color : red; text-align : center; } .main.sub1 {       ←実際はこのような指定ではできない text-align : left; } .main.sub2 {       ←実際はこのような指定ではできない color : blue; } 【例 : htmlファイル】 <div class="sub1">あいうえお</div>  ←左寄せ&赤字にしたい <div class="sub2">あいうえお</div>  ←センタリング&青字にしたい

    • ベストアンサー
    • HTML
  • これもスタイルシートっていいますか?

    <div style="text-align:left;"> 文字を 左に寄せる </div> このようなタグはスタイルシートというのでしょうか? style= を使ってるからスタイルシートですか?

    • ベストアンサー
    • HTML
  • スタイルシートの位置指定について。

    こんばんは。 HP作成中なのですが、以下の枠を 枠は右寄せ、中の文章は左寄せにしたいのですが、 どうもうまくいきません。 <DIV style="border:solid 1px #000000;height:100%;width:95%;overflow:auto;> </DIV> align="right"とすると文字が右寄せになってしまいます。 どうにか上手い方法はないでしょうか? 詳しい方ご教授ください。 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブル内のスタイルシートについて。

    カテゴリHTMLでよいのか、ちょっとビクビクしているのですが。 テーブルのひとつのセル内で左揃えの文字列と右揃えの文字列を作りたいのです。 スタイルシートを使おうと思ったのですが、 それぞれの文字列に <SPAN STYLE="text-align:left;">むにゃむにゃ</SPAN> <SPAN STYLE="text-align:right;">うにょうにょ</SPAN> と指定をしても全く反映されません。 一つのセル内で左右に文字を振ることは不可能なのでしょうか?

    • ベストアンサー
    • HTML
  • スタイルシートdivについて

    こんばんは。 スタイルシートのDIVについて教えて下さい。 今、幅720pxのテーブルをDIVに変えようと悪戦苦闘している最中です。 DIVについてはほとんど無知なので、あちこちのサイトのスタイルシート講座を覗きながらなんとか作ってみました。 ようは幅720pxのボックスの中に文字を左寄せで配置し、ボックス自体は画面の中央に(左右のマージンを同じに)したいのです。 そのソースなのですが、スタイルシートを div#main{width:720px; margin-left:auto; margin-right:auto; text-align:left; line-height:175%;} と記述し、 HTMLを <div id="main">○○○</div> としました。○○○がテキスト部分です。 でもIE7で確認したところ、ボックスが左寄りになってしまっています。 しかし、どういうわけかFirefoxとOperaではちゃんと中央に配置されているのです。 いったいどこに問題があるのでしょうか。 わかる方、いらっしゃいましたら教えて下さい。

    • ベストアンサー
    • HTML
  • スタイルシートついて

    検索などしていろいろ調べて試したのですが、検索方法が悪いのか知識がとぼしいのかうまくいかないので質問します。 --- <img src=01.gif align=center>タイトル --- 上記の様なタグでここの部分を(align=center)スタイルシートに変えるにはどのようにしたら良いのでしょうか? また下記のようにまとめてimgまたはtdなどで指定できないでしょうか? <style type="text/css"> <!-- img{} --> </style> 分かりにくい文章ですみませんかよろしくお願いします。

  • スタイルシートでtable位置を指定したい

    スタイルシートでtable全体の位置をセンターへ持って行きたいのですが、調べてもテキストのalignしか出てきません。 tableそのものをセンターへ持って行くにはhtmlファイルのtableタグ内でaligh="center"とするか、スタイルシートでcenterを指定するにはtable全体をdivなどで囲んでdivの要素としてcenterを指定してやるしかないのでしょうか。 できれば<table class="xxxx">として1つにまとめたいのですが。 解決方法ご存じの方ぜひ教えてください。

    • ベストアンサー
    • HTML
  • スタイルシートでうまくフッター部分を配置設定する方法を教えてください。

    スタイルシートに詳しい方に教えていただきたいのですが、 今ホームページを作っていて、 フッター部分の設定に困っています。 タイトルカラム 左カラム コンテンツカラム フッターカラム というページ構成で 絶対指定で top と left を使って 各要素の位置指定をしているのですが、 フッター部分だけうまくいきません。 フッターに 「Copyright (C) ●● All Rights Reserved.」 という文言をタイトルカラムと同じ width で入れたいのです。 なぜか title カラムの下に表示されたり、 画面の一番上に表示されたりするのです。 bottom を使用するのかな? と思ったのですが、それでもうまくいきませんでした。 できるだけページ全体を table タグを使って デザインしたくなくて、スタイルシートであれこれ やっているのですが、苦戦しています(汗)。 スタイルシートを下記しますので、 お知恵をお貸しくださいませ。 -------------------- div.title { position: absolute; top: 0px; left: 20px; width: 800px; background-color: #ffffff; height: 412px; } .left { width:185px; position: absolute; top: 415px; left: 20px; background-color:#ffffff; } .content { position: absolute; top: 415px; left: 205px; width: 600px; text-align: left; } .footer { position: absolute; bottom: 0px; left: 20px; width: 800px; text-align: left; height: 100px; }

    • ベストアンサー
    • HTML
  • 【スタイルシート?】同行内で左寄せと右寄せ

    “イベント名             日付” のように一行の中で一部の文字列(イベント名)は左寄せ、一部の文字列(日付)は右寄せ にするにはどのようにすればいいでしょうか。 加えますと、この一行は<TABLE>で書かれた<TD>~</TD>の中のものです。 <TABLE BORDER> <TR><TD>イベント1   日付</TD><TD>なんとか</TD><TD>かんとか</TD> <TR><TD>イベント2   日付</TD><TD>なんとか</TD><TD>かんとか</TD> </TABLE> のようになっています。 区切りの線を入れたくないので一つの<TD></TD>の中に入れたいと思っています。 <TD>内で改行無しに左寄せ&右寄せの方法はありますでしょうか。 最終手段としては中に透明なTABLEを入れて対処しようとは思ってますが、 スタイルシートやALIGNの使い方でいい方法がありましたらご教示願います。 宜しくお願い致します。

  • float:left; したものを右寄せ

    <div style="text-align:right;"> <ul> <li style="float:left;">リスト</li> <li style="float:left;">リスト</li> <li style="float:left;">リスト</li> </ul> </div> リスト要素を横に並べるようにfloat:left;をいれたものを、 画面右寄せにするにはどうすればいいでしょうか。 上のソースではtext-align:right;が効かず左よせになってしまいます。。 よろしくお願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう