ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

スタイルシートについて

日時: 2005/11/14 12:27
識別: ID57zKPTPXQY2
名前: ケロヨン

はじめまして。ケロヨンです。
ビルダー7を使用してます。
こちらよりテンプレをDLしました。
https://sozai.wdcro.com/index.html
以前はNO.41のテンプレを使用させて頂いて問題は無かったんです。
https://sozai.wdcro.com/sample/041/
この度NO.48のテンプレを拝借させて頂いてDLしました。
https://sozai.wdcro.com/sample/048/
このNo.48をビルダーで編集すると画面がずれてしまうんですが、何か問題があるか分かる方いらっしゃいましたら回答お願いいたします。
ちなみにメモ帳で編集してブラウザで確認すると問題ないんですが・・・ビルダーで編集するとおかしくなってしまいます。
テンプレ利用の注意書きに「 一部制作ソフトを使った場合うまく出来ないようですが、未確認です。」と書かれていましたがこれが関係あるのか原因不明です。


Re: スタイルシートについて ( No.1 )
日時: 2005/11/14 12:59
名前: oioiooi

「編集すると画面がずれてしまうんですが、」

どのようにズレるのか書かないと、回答は出来ない。

つーか、ビルダー編集画面で開いた状態の“ズレ”を言っているなら
それはそんなもの。
CSSでレイアウトしている場合は、どうしようもない。

41は単純だが、48は比較的複雑。

「メモ帳で編集してブラウザで確認すると問題ない」
なら、ビルダー使わなくてもと思うがね。
メモ帳で編集すればいい。




Re: スタイルシートについて ( No.2 )
日時: 2005/11/14 14:48
名前: ケロヨン

早速の回答ありがとうございます。
質問の内容が足らなくて申し訳ないです。

>どのようにズレるのか
・編集画面を開いたときは問題なし。
・1文字でも編集するとズレる。
・ズレは左側のBOXの文字が右側のBOXの文字より下の位置に表示。左側の文字が右側の下にいくワケでは無いです。

>41は単純だが、48は比較的複雑。
あっ、そうなんですか?複雑ですかぁ。僕には全然分かりませんでした。

>メモ帳で編集すればいい。
ビルダーに慣れててメモ帳ってのが苦手で・・・それで質問させて頂きました。
Re: スタイルシートについて ( No.3 )
日時: 2005/11/14 17:27
名前: oioiooi

「・編集画面を開いたときは問題なし。
・1文字でも編集するとズレる。
・ズレは左側のBOXの文字が右側のBOXの文字より下の位置に表示。左側の文字が右側の下にいくワケでは無いです。」

どの部分にどのような文字列を入れたのかを書けば、
どなたかが検証してくれるかもしれない。

説明が面倒なら、その状態をサーバーにアップして見せてほしい。

おいらには、何が問題で、どのようになっているのかイメージできないのね、アフォなので。
Re: スタイルシートについて ( No.4 )
日時: 2005/11/14 18:38
名前: ケロヨン

ケロヨンです。回答ありがとうございます。
説明不足ばかりで申し訳ないです。
それと、編集画面では問題ナシと書き込みましたがズレてました(汗)何かギュっと寄ったような。「編集画面」じゃなくて「プレビュー」で問題なしの間違いです。すいません。編集画面のズレはNo.41を拝借したときも多少ありましたが「プレビュー画面」で問題なかったし、実際アップしても問題ありませんでした。


まずこれが通常の状態です。ビルダーで編集も何もしてません。
https://aaabbb.fc2web.com/index.html

こちらがビルダーで編集したほうです。どこを触ってもこのようにズレてしまいます・・・
https://aaabbb.fc2web.com/test.html

どなたかわかる方いればよろしくお願い致します。
Re: スタイルシートについて ( No.5 )
日時: 2005/11/15 06:48
名前: oioiooi

あーわかった。

互換モードになっている所為だね。

ページの一番上にあるDOCTYPE宣言がビルダーにより書き換わっている。

テンプレは
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">



ビルダーデフォルトの
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> に書き換えられている。

“テンプレ”のように書き換えれば、IE6でも正常に表示されるよ。

ビルダーで開いたら、都度書き換えられるので、

メニューバー>ツール>オプションのファイルタブ内の「DOCTYPEを出力する」のチェックははずしておく。

または、テンプレのDOCTYPEを登録しておく。
(テンプレのDOCTYPE宣言は改行コードが入っているので、コピペするときは注意しないとビルダーオプションにコピペできない。)

# 質問を読んで気付けよ。俺
Re: スタイルシートについて ( No.6 )
日時: 2005/11/15 15:58
名前: ケロヨン

ケロヨンです。
oioiooiさん、回答ありがとうございますっ!

>「DOCTYPEを出力する」のチェックははずしておく。
早速やってみましたら上手く解決できましたぁ!
1日悩んでいたのが解決できて良かったです!ありがとうございました!

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved