- 締切済み
CSSレイアウトでのdivコンテナをdreamweaverで作成する方
CSSレイアウトでのdivコンテナをdreamweaverで作成する方法。 (例)http://www.futon-index.jp/さんのページを引用します。このページはdiv containerを使用して作成されているようです。しかし教本には作成方法が記されていません。このように作るにはどの様な手順で作れば良いのでしょうか。よろしくお願いします。
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- dark_kappa
- ベストアンサー率67% (70/103)
- dark_kappa
- ベストアンサー率67% (70/103)
関連するQ&A
- CSSによるレイアウトブロック(Dreamweaver)
Dreamweaver8を使用しています。 参考書にそって、CSSによるレイアウトブロックで、 ページ全体のCSSを作成しました。(body) 次にコンテンツ全てを選択し、全体のCSSを作成しました。(div) ブラウザで表示させると、ページ全体が左に偏ってしまいます。 これを中央にするのにはどうすればよいでしょうか? よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- dreamweaverでCSSのレイアウトが勝手に崩れる・・・
はじめまして。 実はdreamweaverでCSSスタイルでHPを作成しています。 なんとかレイアウトを整い、画像をはめ込んでいったのですが、ふとした瞬間にレイアウトが一気に崩れてしまいました。 もちろんCSSはいじっていません。それを証拠にindexとほかのページをテーブルにしてわけているんですが、インデックスだけ崩れています。 心当たりといえば、作業のウインドウのサイズをさわってしまったぐらいです・・・ 元に戻してもレイアウトは崩れたままです・・・ どうすれば元に戻るのでしょうか? ちなみにIEでチェックしてもレイアウトに問題はなかったのですが、どうも作業がやりづらいです。
- 締切済み
- HTML
- CSSでの2段組レイアウトでdiv#containerを導入する理由
CSSでの2段組レイアウトでdiv#containerを導入する理由 CSSを使って2段組みレイアウトを構成する場合、次のようにdiv#containerを導入したマークアップをよく目にします。 <body> <div id="container"> <div id="header"> </div> <div id="main"> </div> <div id="menu"> </div> <div id="footer"> </div> </div> </body> また、div#containerを導入せずにbody要素の直下に#header, #mainなどの領域を設けている場合も目にします。 body要素直下ではなく、div#containerを導入するのはどのような理由からなのでしょうか?
- ベストアンサー
- ホームページ作成ソフト
- cssレイアウトでのdivコンテナの背景画像印刷
cssでdiv#wrapper~div#mainとコンテナを作成して#mainに背景画像を配置しました。画像は、画面には表示されますが印刷されません。上にかぶせたコンテナの文字は、印刷されるのですが...。印刷できるよにするにはどうしたらよいでしょうか。よろしくお願いいたします。
- ベストアンサー
- CSS
- CSSで高さ100%のレイアウト
テーブルを使用せずCSSでのレイアウトなのですが フッター位置をブラウザの一番下にマージン無しで指定したいのですが出来ません。 テーブルでは <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top">内容</td> </tr> <tr> <td valign="bottom">フッター</td> </tr> </table> というように指定していたのですが CSSでのレイアウトはHTMLを <div id="container"> <div class="content">内容</div> <div id="footer">フッター</div> </div> .CSS では #container { height: 100%; } は無効なのでしょうか? 他のやり方でもフッターをブラウザの一番下にマージン無しでレイアウトできる方法があったら教えて下さい。
- ベストアンサー
- CSS
- CSSレイアウトってなぜこんなに難しいのか?
個人事業で、WEBデザインの仕事をしています。 恥ずかしいですが、ずーっと、テーブルレイアウトでのみHP作成してきました。 文字を整えたり、種類をまとめたりだけ、CSSを使ってました。 先日初めて、クライアントから「そろそろテーブルレイアウトはやめてくれ」と、 ダメだしを食らいました。 独学でDreamweaver MX 2004を一から学んで、仕事やって来ましたが、 ちょっと恥ずかしい質問ですが、 CSSレイアウトってなぜ、こんなに難しいのでしょうか?? みなさん、テーブルレイアウトと比べて異常に難しく感じませんか? 今の調子ではHP作成の仕事が請けられなくなっています。(涙) 例えば、テーブルレイアウトって、自由にドキュメントで確認しながらデザインできますよね。 でも、CSSレイアウトって、コードで全部書き出しますので、 ちょっとサイズや項目や要素を変更するだけでも、どのdiv?、どのクラス?のタグにそれを指定したかとか、 複雑になり解らなくなってしまい、ちょっと変更するだけでも凄い時間がかかってしまいます。 ■もしかして私、CSSレイアウトの学び方、作り方を間違ってるのでしょうか? ■今まで2~3冊位、Dreamweaverの本で、CSSレイアウトを勉強してますが、 いっこうに進歩しません。(ここに本の題名書き出すとマズイですよね?) ★CSSレイアウトが解り易く学べる、勉強本を教えて頂けますでしょうか。 ■もしかして、DreamweaverでCSSレイアウトをするから難しいのでしょうか? HPビルダーとかなら、もっと簡単に出来るのでしょうか? ■今、私ができるCSSレイアウトの限界は、一番大まかな囲いの、 #header #side #main #footerを、#contentの中に入れて、 その中の各々の要素は、今までとおり、テーブルでレイアウトする。 (メニューや、商品スペック、写真並べなども、テーブルで。) それが精一杯ですが、これで通用するのでしょうか? HPデザイナーとして、恥ずかしい質問ですが、 ご教授どうぞ宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaver8でCSSをつかったときのズレについて
Dreamweaver8をつかっていて、 CSSでレイアウトをし、コンテンツの中にもdivやspanを頻繁につかっているのですが、Dreamweaver8内のデザインビューだとデザインがずれてしまっているのに、プレビューすると全くずれていません。 タグ上でやることが多いので、おそらく間違っていないとは思うのですが、ソフト上のデザインビューで見たときも、ブラウザでみたときのように正常にする方法はないのでしょうか?
- ベストアンサー
- HTML
- DREAMWEAVERによるレイアウト作成についての質問です。
DREAMWEAVERによるレイアウト作成についての質問です。 「DREAMWEAVERCS5」を利用してHPを作成してます。現在レイアウトを作成しているのですが、 「AP Divを描画」を利用すれば簡単に作成できるのですが、「Float」を利用して作成する とうまくいきません。購入した本などによると「Float」を利用しているケースが多いようで すが、何かそうすることでSEO対策などメリットがあるのでしょうか?よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- HTML5をCSSでレイアウトする場合
section articleといった新しい要素をCSSのfloat等でレイアウトするのは間違いなのでしょうか? いろいろと調べてみましたが、sectionを使ったレイアウトは駄目で、divでレイアウトするとか… また、article aside nav 等をCSSでカラムレイアウト解説をしているサイトもありました… また、Q&Aサイトで <div id="article_1"> <article> …………… </article> </div> のようなsampleで、わざわざ無駄なことをせずにhtml5の新しい要素でレイアウトしましょう…? <article id="article_1"> …………… </article> と言うような回答もありましたが… 確かに、HTML5でWEBページ作成をするのに、レイアウトは<div>でネストするのは意味がないように思いますが… よりよい方法を教えてください。m(_ _)m
- ベストアンサー
- HTML
- Dreamweaverのテンプレートから作成でブラウザでは大丈夫なのにデザインビューでレイアウトが崩れてしまいます(’’;)
Dreamweaver8でHPをつくりはじめておりまして、 まずテンプレートをつくってそこからすべてのページをつくっていこうと思っています。 そこでテンプレートを作り編集可能領域を設定したので、 テンプレートから新しいページを作成したのですが、 保存した途端レイアウトが縦に並んでしまい、崩れてしまいます。 しかしブラウザでプレビューしてみても全く崩れていなく大丈夫です。 テンプレートはCSSを使っておりますので、 CSSがテンプレートにあるとレイアウトが崩れてしまうのでしょうか? どなたか同じような現象にあわれた方よろしくお願いいたしますm(_ _)m
- 締切済み
- HTML
お礼
NO1様 いろいろ試行錯誤していてご返事遅くなりました。 >先にデザインビューでテキストをガンガン入力してしまい、 これは慣れればスピードアップに良いのでしょうね。分ける部分をdivで囲って部品分けしていく訳ですね。 >後からコードビューで部品分け(DIV分け)していくのが基本的なやり方です。 これは大いに助かるアドバイスです。ドンドン作れるようになりました。 ただ全体にそれぞれボックスを作って、中を部品分けしていくのではないのですか。たとえばレフトメニューコンテナとメインコンテナを別々につくっておくとか。 そうしないとメニューが本文部分より長くなると本文の下に来てしまいます。 ご教授お願いいたします。