ホームページビルダー11でのブラウザについて

質問

ホームページビルダー11でホームページを作っていますが、
気なる点が一つほどありまして質問させて頂きます。

ｈｐを作成したのですが、Windows Internet Explorer では
作成時のプレビューで見た時と同じように出来たのですが、
Windows Internet Explorer 7の方では画像がずれていたり
文字が物凄く小さくなっていたりします。

どちらのブラウザも普通サイズで見ているのですが変わってしまいます。
知人などにも聞いてみましたが、『普通hpビルダーで作っていればそんな事には
ならないから分からない』、と言ってました。

他のサイトさんを見てみると
Windows Internet Explorer と
Windows Internet Explorer 7でも普通サイズで見ていれば同じように見えます。

せめて、Windows Internet Explorer と
Windows Internet Explorer 7だけで良いので同じようにする方法など
ご存知の方はお力をお貸しして頂けないでしょうか？
よろしくお願いします。

ホームページビルダー11じゃなくて、他のHP作成ソフトなら同じようにできるよなど
ありましたら教えていただけませんかね？

私のサイトURL:http://natoi.web.fc2.com/gikopoizi.html#
HP作成ソフト:ホームページビルダー11

回答No.4

makohyu · ベストアンサー

#1です。

ソースを見てみたら、CSSにいろいろ設定してあったので初心者だとは思いませんでした。。。

では、詳しく説明します。

CSSとは、カスケードスタイルシートのことです。

対象のＨＰをホームページビルダー11で開き、「ＨＴＭＬソース」タブで開くと、７行目に次のような記述があります。

<META content="MSHTML 6.00.6000.16525" name=GENERATOR><LINK id=hpb9tm10_1
href="BARgikoっぽいONLINE　情報局.files/hpb9tm10_1.css" type=text/css
rel=stylesheet></HEAD>

この、href="BARgikoっぽいONLINE　情報局.files/hpb9tm10_1.css" で指定した、BARgikoっぽいONLINE　情報局.files　がフォルダ、hpb9tm10_1.css　がCSSファイルです。　（フォルダの部分はＩＥで保存したので変換されています。）

この　hpb9tm10_1.css　ファイルを修正するのですが、ホームページビルダー11で簡単に修正する方法を説明します。

次の手順に従って、修正してください。　あらかじめ、ホームページビルダー11で保存していない内容があれば、保存してください。　また、失敗したときのために、バックアップを取ることをお薦めします。
なお、くれぐれもご自身の責任において行ってください。
この方法では、FONT-SIZE を 80%　と設定している部分をすべて削除します。　この修正を行うと大きな文字にすることができますが、気に入らない場合は、再度それぞれに　FONT-SIZE　を設定する必要があります。

１．メニューバーの「ツール」＝＞「ＣＳＳエディタの起動」をクリックしてください。

２．ＣＳＳエディタのメニューバーで、「ファイル」＝＞「開く」をクリックして、「ファイルを開く」ダイアログを表示させて、hpb9tm10_1.css　を選択して、開いてください。

３．「FONT-SIZE: 80%;」（セミコロンまで）をマウスなどで選択して反転表示にしてください。　このとき、前後のスペースを含めないようにしてください。　

.hpb-body1 {
FONT-SIZE: 80%; COLOR: #333333　＜＝＝＝ここ
}
.hpb-body2 {
COLOR: #444444
}

４．「FONT-SIZE: 80%;」を反転表示したまま、メニューバーの「編集」＝＞「置換」をクリックして、「置換」ダイアログを開いてください。

５．「置換後の文字列」には何も入力しないで、「すべて置換」ボタンをクリックしてください。

６．次に、「検索する文字列」の「FONT-SIZE: 80%;」の最後のセミコロン（;）を削除して、もう一度「すべて置換」ボタンをクリックしてください。

７．「置換」ダイアログを閉じてください。

８．メニューバーの「ファイル」＝＞「上書き保存」をクリックしてください。

９．ＣＳＳエディタを終了してください。

１０．このまま、ホームページビルダー11を終了してください。　もし、保存を促すメッセージが表示されたときには、「いいえ」で保存しないようにしてください。

これで、文字が小さいという現象はなくなります。　アップロードして確認してみてください。

ちなみに、ＣＳＳエディタは「スタート」＝＞「すべてのプログラム」＝＞「ホームページビルダー11」＝＞「ツール」からも、起動できます。　不明な点があれば、要求してください。

#1で、「専門家」としてしまいましたが、ホームページビルダー１１の「経験者」です。訂正いたします。

お礼

2度も回答有難うございます。

お蔭様でmakohyu様の言われた通り
やってみましたら、直りました。
本当に有難うございます。
感謝しております。m(_ _)m

回答No.3

hetare560

IE6,Fx2.0,スレイプニールで確認した所、IE,スレイプニールは読めなくはないが少々小さく、Fx2.0は小さすぎてほとんど読めない状態なっています。

本来ならcssを直接編集した方が手っ取り早いのですが、そうもいかなさそうなので、ホームページビルダーからの修正方法を教えたいと思います。

まずホームーページビルダーを立ち上げ、サイトを開いてください。
次に画面左上の「表示」→「スタイルシートマネージャー」をクリックしてください。

スタイルシートマネージャー「hpb9tm10_1.css」があるはずです。これをダブルクリックしください。

そしたら一つ一つスタイルをダブルクリックして確認し、「フォント」サイズが80%となっているもの全てを90～100%の中から任意の値に設定してください。

これで文字は大きくなるとは思いますが、決していい方法とは言えないのであしからず。

一応もう一つの方法も教えておきます。

サイトを保存しているフォルダ内ににhpb9tm10_1.cssがあると思います。それを開き、font-size:80%となっている所を全てを90～100%の中から任意の値に設定して上書き保存してください。

もしくはfont-size:80%をすべて消し、cssにTD {font-size:95%}を追加して上書き保存でも出来ると思います。(95%の部分は自分の任意の数字を入れてください。)

ただし、こちらの方法はcssの知識がないとぐちゃぐちゃになる可能性があるので注意してください。

お礼

回答有難うございます。

分かりやすく、わざわざ
説明ししていただき真に有難うございます。
とても参考になりました。

回答No.2

kikaimania

確かに文字が小さいですね。

作成するときに文字があまりにも小さくして作っているのではないでしょうか？編集するとき、文字のサイズを大きくしてみてください。

僕もホームページビルダー１１を使ってHPを公開していますが、普通に表示されています。

あと、
＞Windows Internet Explorer 7の方では画像がずれていたり
HPをInternet Explorerで見るときは全体的にHPの文章が若干大きくなります。そのためで誤差が生じるのだと思います。少し余裕を持って画像を投入してみてください。

補足

回答有難うございます。

いえ、編集時文字等は小さくしていません。
Windows Internet Explorer で見た私の現サイト
の文字の大きさで編集しています。
Windows Internet Explorer 7
や他のブラウザで見ると小さく見えます。
せめてWindows Internet Explorer 7だけでも
普通サイズで見ていれば同じように見る方法等はありませんかね？

他のサイトさんを見るとほとんど普通サイズで見ていれば
どのブラウザでも同じように見えます。
それを如何すればできますかね？
よろしくお願いします。

回答No.1

makohyu

CSSを確認してみてください。

BODY、DIV、そのほかTableやTDにいたるまで、Fontsize = 80%になっているので、80% × 80% × 80% = 51.2% といった具合に、小さくなるように設定されています。

それに、BODYで80%としたのに、120%などと再度拡大したりしていますね。

このような作り方では、わけが分からなくなります。。。

一度、現在のCSSを外して、別名でCSSを作り直すか、CSSをノートパッドなどのテキストエディタで開いて、Fontsizeの部分を「/* */」でコメントアウトしてどのようになるか確認してから、あらためて設定しなおすようにしてください。

補足

回答有難うございます。

私自身、ＨＰにはあまり詳しくないので
CSSなどはよく分からないです。
もう少し初心者にも分かりやすく説明していただけませんか？
よろしくお願いします。

今回の回答も参考になりました。
有難うございます。