- 締切済み
CSSレイアウトでのdivコンテナをdreamweaverで作成する方
noname#119957の回答
コード デザイン 分割 ビューがあります。 HTMLは、普通にコードビューで書くことが出来ます。 <div></div>とキーボードで入力します。 class id の宣言は、<div id="aa"></div> とします。id="aa"をクリックすると、ＣＳＳの新規定義ができます。 そんな感じで使用するんです。
関連する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レイアウトってなぜ、こんなに難しいのでしょうか？？ みなさん、テーブルレイアウトと比べて異常に難しく感じませんか？ 今の調子ではＨＰ作成の仕事が請けられなくなっています。（涙） 例えば、テーブルレイアウトって、自由にドキュメントで確認しながらデザインできますよね。 でも、CSSレイアウトって、コードで全部書き出しますので、 ちょっとサイズや項目や要素を変更するだけでも、どのdiv?、どのクラス？のタグにそれを指定したかとか、 複雑になり解らなくなってしまい、ちょっと変更するだけでも凄い時間がかかってしまいます。 ■もしかして私、CSSレイアウトの学び方、作り方を間違ってるのでしょうか？ ■今まで2～3冊位、Dreamweaverの本で、CSSレイアウトを勉強してますが、 いっこうに進歩しません。（ここに本の題名書き出すとマズイですよね？） ★CSSレイアウトが解り易く学べる、勉強本を教えて頂けますでしょうか。 ■もしかして、DreamweaverでCSSレイアウトをするから難しいのでしょうか？ HPビルダーとかなら、もっと簡単に出来るのでしょうか？ ■今、私ができるCSSレイアウトの限界は、一番大まかな囲いの、 #header #side #main #footerを、#contentの中に入れて、 その中の各々の要素は、今までとおり、テーブルでレイアウトする。 （メニューや、商品スペック、写真並べなども、テーブルで。） それが精一杯ですが、これで通用するのでしょうか？ HPデザイナーとして、恥ずかしい質問ですが、 ご教授どうぞ宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaver8でＣＳＳをつかったときのズレについて
Ｄｒｅａｍｗｅａｖｅｒ8をつかっていて、 ＣＳＳでレイアウトをし、コンテンツの中にもdivやspanを頻繁につかっているのですが、Ｄｒｅａｍｗｅａｖｅｒ8内のデザインビューだとデザインがずれてしまっているのに、プレビューすると全くずれていません。 タグ上でやることが多いので、おそらく間違っていないとは思うのですが、ソフト上のデザインビューで見たときも、ブラウザでみたときのように正常にする方法はないのでしょうか？
- ベストアンサー
- 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のテンプレートから作成でブラウザでは大丈夫なのにデザインビューでレイアウトが崩れてしまいます（’’；）
Ｄｒｅａｍｗｅａｖｅｒ8でＨＰをつくりはじめておりまして、 まずテンプレートをつくってそこからすべてのページをつくっていこうと思っています。 そこでテンプレートを作り編集可能領域を設定したので、 テンプレートから新しいページを作成したのですが、 保存した途端レイアウトが縦に並んでしまい、崩れてしまいます。 しかしブラウザでプレビューしてみても全く崩れていなく大丈夫です。 テンプレートはＣＳＳを使っておりますので、 ＣＳＳがテンプレートにあるとレイアウトが崩れてしまうのでしょうか？ どなたか同じような現象にあわれた方よろしくお願いいたしますm(_ _)m
- 締切済み
- HTML
補足
ご回答いただきありがとうございます。さっそくdiv枠を作成してみました。しかしそのあと枠のサイズを指定したのみに止まっています。 参考にして頂いたURLページのように、ヘッド レフト メイン フッターと細かく線を加えて、各コンテナの作成はどうするのでしょうか。各枠の中にあるテーブル作成は分かるのですが。 またaaとは何ですか。 宜しかったらコンテナ枠を作成する新書籍があったらご紹介ください。これまで索引にコンテナさえ載っていない本ばかりしか見たことありません。