ホームページレイアウト

質問

いつもお世話になっております。
ホームページ制作をしています。（が、未熟者です。）
Illustrator8でデザイン・レイアウト作成→ある程度OKが出たらイラレデータを分解・画像化→Dreamweaver8でコーディングという流れです。

自分でイラレ上レイアウトをする場合はコーディングのことを考えて行うのですが、今回別の方がイラレデータをつくり、コーディングのみを行うことになりました。
あまりHPやDreamweaverに詳しくなく、イラレのプロな方なので、重なった画像を多用したりと、Dreamweaverでのレイアウトが難しいものを出されてしまいました。

具体的には複数の写真が重なり、その写真から吹き出し（イラスト）が出ているというものです。
それだけなら画像として扱えばいいのですが、吹き出しの中の文字はDreamweaverで打たないと読めないのです。

こういう場合は、まず吹き出し中の文字を消した画像データを用意→Dreamweaverでテーブルを作り背景画像にする→テーブルをうまく吹き出し部分に合わせ文字を打つ
という方法しか思いつかないのですが、間違っているでしょうか？

テーブルレイアウトはよくないと言われますが、この場合もCSSなどででいけるものでしょうか？（CSSレイアウトは勉強中で詳しくありません。）

恐れ入りますがご回答お待ちしております。
長文失礼致しました。

回答No.2

noname#248056 · ベストアンサー

こんにちは。
レイアウト全体を段組みにすれば、固定は可能だと思います。

http://css.rakugan.com/css5.html
リンク先の例で言えば、containerの中に吹き出し用の段を埋め込むもしくは、どこかの背景画像にします。
（全体がcontainerからはみ出さないので崩れない）

お礼

ldrnSTM様
本当に本当にお礼が遅くなり、申し訳ありませんでした。お教えいただいた方法を試し、結果が出てからお礼をしようと思っていたのですが、急に別の仕事が入り、現在もストップしてしまっています。
でも、時間の問題で実行することになると思うので、そのときは参考にさせていただきます。レイアウト全体を段組みにする、というのは全く思いつきませんでした。ご回答誠にありがとうございました。
どうかご無礼をお許し下さいませ。

回答No.1

pasocom

DIVタグを使うのが良いかと思います。
<div id="hukidasi" style="position:absolute;top:x-pixel;left:y-pixel">
として、吹きだしを背景画像の適当な位置に重ねられると思います。
top:は上からの距離をピクセル数で指定。
left:は左からの距離をピクセル数で指定します。

お礼

ご回答ありがとうございます。
お教え頂いた方法を試したり、CSSレイアウトを少し勉強してみたのですが、これってブラウザにより表示位置が違ってしまいますか？
センタリングしているせいだと思いますが、Dreamweaver上、IE7、Operaそれぞれのプレビューで見たとき全てで表示位置が変わってしまい、うまく吹きだしに合いませんでした…。

センタリングしているページでも位置を固定かつある程度ブラウザの見え方を揃えることは可能なのでしょうか？
ご存知でしたらご教授いただけると大変助かります…。

よろしくお願い致します。