- ベストアンサー
レイアウトがずれるのを防ぐコツをおしえてください
dreamweaver mx2004でHPを作成しているのですが、どうもレイアウトがずれてしまいます。 dreamweaver上ではしっかりとしているのですがアップすると、又はプレビューすると横に白い空欄が少しできてしまいおかしな感じになってしまいます。 テーブルベースで作成していますが何かずれにくいコツみたいなものはあるのでしょうか？ ゴチャゴチャ幅調節したりすとずれ易いそうですが・・・ よろしくお願いします。
- pinkboy
- お礼率90% (30/33)
- ホームページ作成ソフト
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
例えば全部画面全体をテーブルで囲ってその中に入れ子テーブルをつくっている場合ならば、一番外にあるテーブルタグ内に『width="100%"』と入力するだけです。 また、テーブルにcellspacingやcellpaddingの指定をしている場合はその数値を差し引いた数を％で指定するとうまく表示されます。
その他の回答 (1)
- nekosuke
- ベストアンサー率42% (339/796)
これは今設定している画面サイズを把握し、そこから徐々にwidthとheightで細かく位置設定をするか、横を常に100％指定で表示する設定にすることで直るのかと思います。 ただし、IEで綺麗に表示されても同じファイルをネスケでみたら微妙にドットでずれていることは多いです。どうやらソフトの計算誤差があるみたい。
お礼
回答ありがとうございます。 横を常に100％指定で表示？とはどのようにしたら良いのでしょうか？ ご教授願いたいです<(_ _)>
関連するQ&A
- 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デザイナーとして、恥ずかしい質問ですが、 ご教授どうぞ宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- Fireworksなどのスライスで、CSSレイアウトで書き出せるの？
テーブルレイアウトで慣れてるためか、CSSレイアウトがどうしても馴染めません。 Dreamweaverで作ってますが、数倍も難しく感じます。 もしかして、やり方を間違ってるのかも知れません。 私は、Dreamweaverで一つずつ組んでいくため、Fireworksなどの「スライス」機能を使わないのですが、 ●質問1 もしかして、Fireworksでレイアウトしたら、 Fireworksのスライスで、CSSレイアウトで簡単に書き出せるのでしょうか？ 多分、テーブルレイアウトでの書き出しだけだと思ったのですが・・・。 私の知識は古いので。 ●質問2 また、HP作成は、Dreamweaverで作るとして、 レイアウト作成や画像作成は、現在の主流は、 Fireworksでしょうか？Photoshopでしょうか？ プロは普通どっちを使ってますか？ 私はPhotoshopしか使った事ありません。 Fireworksに乗り換えるべきか、考えてます。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- DreamweaverMXのレイアウトテーブルについて
お世話になります。 Dreamweaverのレイアウトテーブルについて質問がございます。 最近ホームページビルダーからDreamweaverへ移行いたしまして、苦戦しながらもなんとか形になってきました。 何時間かやっているうちに2点ほど疑問があがりましたので、質問させていただきます。 1.レイアウトを決めてからそこに画像を入れていくという方式をとっているのですが、なぜかレイアウトテーブル(緑)の中のレイアウトセル(青)に画像を入れるとレイアウトセルがちょっと大きくなってしまいます。画像はセルと全く同サイズです。原因はなんでしょうか？ 2.レイアウトテーブルなんですが、枠を表示することはできないのでしょうか？プレビューを見てみると、画像だけが浮き上がって見えるような感じになっています。 お手数をおかけいたしますが、ご見識のあるかたがいらっしゃいましたら何卒ご指導お願いいたします。
- 締切済み
- ホームページ作成ソフト
- ホームページレイアウト
いつもお世話になっております。 ホームページ制作をしています。（が、未熟者です。） Illustrator8でデザイン・レイアウト作成→ある程度OKが出たらイラレデータを分解・画像化→Dreamweaver8でコーディングという流れです。 自分でイラレ上レイアウトをする場合はコーディングのことを考えて行うのですが、今回別の方がイラレデータをつくり、コーディングのみを行うことになりました。 あまりHPやDreamweaverに詳しくなく、イラレのプロな方なので、重なった画像を多用したりと、Dreamweaverでのレイアウトが難しいものを出されてしまいました。 具体的には複数の写真が重なり、その写真から吹き出し（イラスト）が出ているというものです。 それだけなら画像として扱えばいいのですが、吹き出しの中の文字はDreamweaverで打たないと読めないのです。 こういう場合は、まず吹き出し中の文字を消した画像データを用意→Dreamweaverでテーブルを作り背景画像にする→テーブルをうまく吹き出し部分に合わせ文字を打つ という方法しか思いつかないのですが、間違っているでしょうか？ テーブルレイアウトはよくないと言われますが、この場合もCSSなどででいけるものでしょうか？（CSSレイアウトは勉強中で詳しくありません。） 恐れ入りますがご回答お待ちしております。 長文失礼致しました。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaver MX 2004のテーブルを使ったレイアウト
初めて質問させていただきます。 宜しくお願いします。 実は家で Dreamweaver MX 2004（以下「2004」）を使い出して気が付いたのですが、Dreamweaver MX（以下「MX」）では、テーブルの高さと幅を両方 100% にすると画面一杯に広がってくれるのですが、「2004」の方では高さが広がってくれないようなんです。 私の環境設定の問題なのか、色々見てみたんですが、よくわかりませんでした。 すみません、わかる方いらっしゃいませんか？ ついでに「MX」では、同じ設定で平気のようでした。
- ベストアンサー
- ホームページ作成ソフト
- CSSレイアウトでこのようなことはできる？
ホームページをテーブルを使用しないCSSレイアウトで作成しようと思います。 左右を分けるのにfloatを使用して作っています。 横幅は30%と70%で分けていますが、ブラウザの幅を小さくすると上下にずれてしまいます。 そこでブラウザで800px以下になった時は横バー表示するようにしたいです。 このようなことはできるでしょうか？
- 締切済み
- その他（インターネット・Webサービス）
- DREAMWEAVERのテーブルの幅
WinXPでDREAMWEAVER MX2004を使用しています。 レイアウトにテーブルを使用しています。 標準モードではテーブルの幅は、指定どおり正しく表示されますが、拡張・レイアウトモードでは、指定したテーブルの幅と、括弧付きのテーブルの幅が出てきます。この括弧付きのテーブルの幅が、指定した値とは違っています。 各セルには正しい幅の値を入れているはずなのですが。 原因がわかりますでしょうか？ よろしくお願いします。
- 締切済み
- CSS
- テーブルの設定方法を教えて下さい。
Dreamweaver MX2004を使用しています。 画像を画面の中央（横・縦とも）に表示したいです。 テーブルの幅・高さとも１００％にして、セルの横・縦とも中央に設定して画像を貼り付けてプレビューで見てみるのですが、縦が中央になりません。制作画面では中央になるのですが、プレビューでは画面の一番上に表示されてしまいます。 ビルダーでは簡単に出来るのですが、どこが悪いのでしょうか？ お分かりの方、よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- dreamweaverでCSSのレイアウトが勝手に崩れる・・・
はじめまして。 実はdreamweaverでCSSスタイルでHPを作成しています。 なんとかレイアウトを整い、画像をはめ込んでいったのですが、ふとした瞬間にレイアウトが一気に崩れてしまいました。 もちろんCSSはいじっていません。それを証拠にindexとほかのページをテーブルにしてわけているんですが、インデックスだけ崩れています。 心当たりといえば、作業のウインドウのサイズをさわってしまったぐらいです・・・ 元に戻してもレイアウトは崩れたままです・・・ どうすれば元に戻るのでしょうか？ ちなみにIEでチェックしてもレイアウトに問題はなかったのですが、どうも作業がやりづらいです。
- 締切済み
- HTML
- アップロードするとレイアウトが崩れてしまう
お世話になります。 DW CS3でHPを作成しているのですが、 プレビューやグーグルクロームで確認するとうまくレイアウトされているのに なぜかアップロードするとレイアウトがひどく崩れてしまいます。 BOMをはずすと解決したという方もいらっしゃいましたが UTF-8のBOMを含めない設定になっています。 プレビューやグーグルクロームで二重に確認しながらコーディングしているつもりなのに いざアップすると全く違うレイアウトになっているようでは確認しようがない気がして 困っています。 margineやpadding、widthの設定等が間違っているのではというご指摘もあるかと思いますが 「プレビューやグーグルクロームでは思い通りのレイアウトになっているのに・・・」というのが いちばん疑問に感じている点です。 どなたか詳しい方ご教授ください。 また、「こういったケースの場合はこの辺を見直してみて」といった ヒントを下さるととても助かります。 長文申し訳ありません。 お分かりだとは思いますが、当方初心者です。 なにとぞよろしくお願いいたします。
- ベストアンサー
- CSS
お礼
回答ありがとうございます。 早速やってみます。（＾◇＾）
補足
補正できました。<^!^> ％も使用できるんですね。 いい勉強になりました。