- ベストアンサー
<div valign=bottom> は効かないのでしょうか？
crepon133の回答
- crepon133
- ベストアンサー率51% (399/776)
具体的なレイアウトが分からないので何とも・・・ <div style="width:240px;position:absolute;top:0%;left:0%;border:1px solid #666666;">あああああ<br>あああああ</div> <div style="width:240px;position:absolute;right:0%;bottom:0%;border:1px solid #666666;">いいいいい<br>いいいいいいい</div>
関連するQ&A
- CSSでdiv内を下揃え
CSSでdiv内を下揃えは出来ないものでしょうか? テーブルを使った時の以下の表現をCSSで表現したいです。 <TABLE border="0" height="200"> <TR> <TD>ここは上から●pxに画像配置</TD> </TR> <TR> <TD valign="bottom">ここを下揃えで画像表示</TD> </TR> </TABLE> テーブルならすぐできるのですが… 下揃えの方法があれば教えてください。
- ベストアンサー
- CSS
- <div>テキスト</div>
HTMLを記述する際に文書構造を明確に…と考えています。 見出しにはHタグ、本文にはPタグ、リストにはliなどなど。 ある書籍でbody直下にテキストを配置するのはいけない、と書いてありました。テキストに意味付けがなされていないから、というようなことが理由として書いてありました。 そこで思ったのですが、divはもともと意味をなさないブロック要素ですが、この直下にテキストを配置すると、このテキストは文書構造上意味を持たないものになって、文法上間違っているのでしょうか？ 今のところ、 <div><p>テキスト</p></div> のように、pで意味付けをするのが正しいのかな、と考えていますが、W3Cのホームページではdiv直下にテキストを配置しているものがありました。 皆さんのご意見を伺いたいです。 div直下のテキストは正しいのか、間違っているのか、どうでもいいのか？
- ベストアンサー
- HTML
- <td valign="top">内のテーブルがtopにこない
よろしくお願いします。 <td valign="top">内にテーブルがあるのですが、 それがTOP表示にならずに困ってます。 現在、テーブルの下に透明gifを入れて、見た目上、 topになっているようにしています。 この場合、tdの外にあるタグが何か影響しているのでしょうか？ 透明gifを使わずに、top表示する方法を教えてください。 ソース例 <td valign="top"> <table>fffff</table> </td>
- 締切済み
- HTML
- 【ＣＳＳ】floatで左右に並べた<div>を下揃えにできますか？
ＣＳＳ(スタイルシート)においてfloatで２つのdivを左右に並べる方法は定番ですが、この２つのblockレベル要素は高さが違えば下部が不ぞろいになります。 これは仕方ないとして、上部が不揃いになってもいいので下揃えにできませんでしょうか？ text-align:bottom;やvertical-align:bottom;ではできませんでした。tableを使えば可能でしょうが今回はtableなしという事でお願いいたします。
- ベストアンサー
- HTML
- 【CSS】divの中で縦方向の中央揃えは、どうやってかくのでしょうか？
すいません、divの中で縦方向の中央揃え、つまり、 divの代わりにtableタグの中のtdで書いた場合の、 <td valign="middle">ほげほげ</td> と同じことをdivで実現するにはどうすればいいのでしょうか？ ご存じの方いらっしゃったら、よろしくお願いいたします。
- 締切済み
- HTML
- css(div)の中にtableタグを使うとなぜかcellpaddingがきかない
cssのdivの中にtableタグを入れ子にして作成していますが、中側tableのcellpaddingを5に指定しているにもかかわらず余白があきません。 過去ログにCSSの設計思想からすると、DIVの中にTABLE要素を組み込むことは論理矛盾であると書かれていましたが、複雑な表になってくると知識がないため、テーブルを使っているのが現状です。 なぜ余白があかないのでしょうか？また対応する方法はあれば教えていただきたいです。よろしくお願いします。 <div id="fee_table"> <table width="460" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#C4D6A7"><table width="460" border="0" cellspacing="1" cellpadding="5"> <tr> <td bgcolor="#FFFFCC">テキスト</td> <td valign="top" bgcolor="#FFFFFF">テキスト</td> </tr> <tr> <td bgcolor="#FFFFCC">テキスト</td> <td valign="top" bgcolor="#FFFFFF">テキスト</td> </tr> <tr> <td bgcolor="#FFFFCC">テキスト</td> <td valign="top" bgcolor="#FFFFFF">テキスト</td> </tr> </table></td> </tr> </table> </div> ■---css---------------------------------------■ #fee_table { font-size: 95%; margin : 10px 0 10px 15px; }
- 締切済み
- HTML
- divの中央部分にテキストを配置したい
こんにちは。 趣味のサイトを開設しているのですが、今回XHTMLとCSSを使って再構築したいと思い、参考書を買って勉強している最中です。 今までページ内の配置には主にTABLEを使ってきたのですが、それらをdivに変えていこうと思っています。 そこでお聞きしたいのですが、高さと幅をピクセルで指定してあるdivの真ん中にテキストを配置する場合、CSSでどう記述すればいいのでしょうか？ たとえば div#Header { width: 780px; height: 300px; padding-right: auto; padding-left: auto; text-align: center; } とした場合、左右は等分され中央に来ますが、これにtopとbottomを追加しても上下の真ん中には来ませんよね？ この場合は、高さの指定を外して、topとbottomを同じピクセルの数字で指定するしかないのでしょうか？ それとも他に方法があるのでしょうか？ 初歩的な質問ですみませんが、教えて下さい。お願いします。
- ベストアンサー
- HTML
- divタグで位置を指定したい
お世話になります。 ホームページを作成しています。 写真がメインのページになりますので、基本的に文章は余りありませんが、 左下に少し更新用の文章があるようにしたいです。 この場合divタグを使用して下に持ってくる場合はどのようにすればよいのでしょうか？ マージンで調整したのですが、文字が増えてくると下に飛び出したりして不安定になって困っています。 お願いします。
- ベストアンサー
- CSS
- DIVボックス内でのCSSを使用した縦位置指定方法
CSSにてheight、weightを指定したDIVタグの中にテキストを記述し、縦位置の中央揃えを行いたいのですが、方法がわかりません。 "vertical-align:middle;"などを指定しましたが、適用されませんでした。 スタイルに関することは全てCSSで行いたいので、TABLEタグなどでvalignを指定する方法は取りたくありません。 何かいい方法をご存知の方がいらっしゃいましたら、ご回答をよろしくお願いいたします。
- 締切済み
- HTML
- <div> で テキストを下揃えにすることはできますか？
CSSでレイアウトを指定しています。 <div>内のテキスト表示位置についてご存知の方がいらしたら教えて下さい。 言葉では分かりづらいかと思いますのでサンプルのページも用意しました。 どうぞよろしくお願いいたしますm(_ _)m 【やりたいこと】 画像の横に長めのテキスト（折り返しあり）を入力する。 テキストを画像の下部に合わせて（下揃えで）表示させたい。 【できないこと】 テキストが上揃えになってしまう。 【避けたいこと】 テキストの上に透明GIFを入れてスペースを空けることは避けたいと思っています。 画像とテキストは<div>タグでくくっていますが、できれば<div>の縦サイズを固定したくないと思っています。 なるべくシンプルな指定方法だととても嬉しいです。 【サンプルページ】 http://question.oteage.net/090426.html
- ベストアンサー
- HTML
お礼
教えてくださったやり方ですと、縦に長いページで文字が重なってしまいました。しかし、＃６の回答者さんの方法で解決いたしました。ありがとうございます。