ドリームウィーバー8のプレビューとアップした後の表示の違い

質問

こんにちは、ドリームウィーバー8(以下ドリ8)のプレビューと
アップした後の表示が違うので、書き込みました。

WinXpを使用しております。

ドリ8のプレビューでは、理想通りに表示
されるのですが、アップしてみると
崩れてしまっています。

プレビューもアップした後もIE6での確認です。

逆ならよかったのですが・・・。

CSSは外部リンクにしております。
段組を「Float」で行っています。

一応、段組の部分を掲載しておきます。
div.head{
height:50px;
}

.outer{
width:780px;
background-color:#ffffff;
padding:0px;
margin:0 auto 0 auto;
}

div.kon{
clear:both;
}

.main{
width:760px;
}

.main_cont{
float:right;
width:590px;
}
です。
アップされたのを見るとメニューが
ボタンが回りこまず。floatが適用
されていないような表示になります。

一応これが作成しているサイトのURLです。
http://www.gm-stone.net/pettop.html

メニューとスクロールしているボックスを
ほぼ上側が同じくらいの高さになるように
したいのですが・・・。

スクロールボックスの横にある四つの
まとまった画像はpositionで指定して
あります。

positionで指定するしかないのでしょうか。
これから他のページや後学の為にfloatを
使えるようになっておきたいです。

どうかお知恵をお貸しください。
よろしくお願い申し上げます。

回答No.2

golive001 · ベストアンサー

参考にしておられるサイト拝見しました。
シンプルでよい解説ではないでしょうか。私の作り方や考え方とはいささか違うかな？いい勉強になりました。

>>上記のouterで作成しているところが
いけないのではないかとおもったのですが・・・。

これは対象となるマークアップ（HTML）によって異なります。
例えば、参考のサイトでは、.outerの部分には.frameになっていたと思います。同時にbody内のdiv要素で
<div class="frame">
となっていたはずです。""で囲まれている名前が、cssとして指定した名前と違う場合、当然読み込めません。HTMLを確認してみてください。

>>表示される内容が全て左よりになってしまうのを、真ん中にしたいのですが、これはbodyのタグにalignのcenterでかまわないでしょうか？
うーん。これはだめですね。なぜだめかは、上記の勉強をしていけば自然に分かるようになります。

勉強に関してですが、
まず他人が書いたソースコードを読んでみて、ＤＷでも良いので、コードを書く欄に手書きして、F12ボタンを押してプレビュー。
イメージと違ったら、また修正、またプレビューを繰り返すしかないですね。
私も専門学校等には全く通っていませんが、この程度のことならアドバイスできるようになりました。誰でもできます。
がんばってください。

補足

回答有難うございます。

今日改めて見直しながら、試してみます。

しかし、急ぎの仕事が入った為に
後回しにしなければならくなってしまいました。

それを終わらせるまで、放置(この質問も
作りかけのサイトも・・・)するのは
しのびないのですが、出来次第また、
書き込みたいと思います・・・。

今日は無理っぽいです。

折角、回答を頂いているのに、申し訳ないですが、
明日中には必ず、結果を報告したいと思います。

どうかまたよろしくお願い致します。

回答No.1

golive001

まずは、Dreamweaverを過信しすぎないことが重要です。
「HP作成ソフト」なんて呼ばれていますが、あくまで”手助け”するだけです。

現状のサイトは確認させていただきましたが、
参考とするレイアウト（部分的でもよいので）があるサイトのURLも
貼っていただけると、具体的にアドバイスできると思います。

お礼

ありがとうございました。

ドリームウィーバーのプレビューと
アップ後の表示が違う原因はよく
わかりませんが、解決できそうです。

会社では納期に間に合わせるために
試すことができませんでしたが、
思い描いているレイアウトに
できそうです。

真ん中にするのは、基本的に
上記の方法でできました。

一応…どなたかが読まれたときの
ために…。

body要素内にスタイルシートで
width：任意の数値；margin：0 auot；
を記入して、任意の数値内におさまる
ようにレイアウトを組めばよいようです。

相談したお陰で冷静になり、
じっくり考えることができました。

補足

回答ありがとうございます。
返信が遅くなってすみません。

特に参考にしたサイトというのは
ないのです。

でも、全部自分で考えたというよりも、
以下のサイトのテンプレートを
参考にしました。

http://www.netmania.jp/templates/css.php

ネットマニアさんです。

CSSの記述がダウンロードできるので、
コピペではなく、参考に記述しました。

今朝、改めて考えていたのですが、
上記のouterで作成しているところが
いけないのではないかとおもったの
ですが・・・。

いかがでしょうか？

あと、蛇足で申し訳ないのですが、
表示される内容が全て左よりに
なってしまうのを、真ん中に
したいのですが、これは
bodyのタグにalignのcenterで
かまわないでしょうか？
すみません・・・ついでに
きいてしまいまして。

本当にgolive001さんのおっしゃるように
手助け程度なんですね・・・。
しかし、専門で勉強されている方々が
聞けるとこにいなくて、学校などに
通う時間も資金もない私にとっては
頼りにしてしまう存在です・・・。

邪道で、しかも、皆様に迷惑をかけて
しまいますが、こういった「教えて！」を
駆使して、ご助力にすがるのがベストな
状況です・・・。

はがゆいです!!

どうか、よろしくお願い致します。