- 締切済み
Dreamweaverを使ったサイトのFirefoxでの表示
こんにちは、ホームページ作り初心者です。 何度やっても解決できない事があるので、どなたかご存知の方がいらっしゃいましたら、アドバイスいただけると嬉しいです。 Dreamweaver CS4を使って、サイトを作っています。 インラインフレームはリンクも表示も全て問題無くできているのですが 普通のフレームを使ったとき、ターゲット設定をしても Firefoxでプレビューしてみると、リンク先が新規ウィンドウで開かれてしまいます。 safariやoperaでのプレビューは、 設定したターゲット通りに画面がフレーム内に出ます。 これはFirefoxとの相性が合わないだけなのでしょうか？ 違う設定の仕方やタグの変更等で解決できるものでしょうか？ どうぞ宜しくお願い致します！
- ally0v0
- お礼率0% (0/7)
- ホームページ作成ソフト
- 回答数7
- ありがとう数9
- みんなの回答 （7）
- 専門家の回答
みんなの回答
- salonpath
- ベストアンサー率48% (194/399)
あー、DOCTYPE宣言が化けてる。 適当に修正して試してみてください。
- salonpath
- ベストアンサー率48% (194/399)
#2の画像のillustration-1.html（とillustration-0.html） 背景色を変えてあるだけ ■illustration-0.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> body{ background:#cc8; } </style> </head> <body> <p> </p> <p> </p> <p class="graduatecollection">Graduate Collection 2009 </p> <p><a href="illustration-1.html" target="collection-main">Illustrations</a></p> <p>Look Book</p> <p>Editorial Photos</p> <p> </p> </body> </html> ■illustration-0.html、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> body{ background:#f88; } </style> </head> <body> <p> </p> <p> </p> <p class="graduatecollection">Graduate Collection 2009 </p> <p><a href="illustration-1.html" target="collection-main">Illustrations</a></p> <p>Look Book</p> <p>Editorial Photos</p> <p> </p> </body> </html>
- salonpath
- ベストアンサー率48% (194/399)
#2の画像のmenu.html部分（これもファイル名が違うので注意） ■qa5342975_l.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <p> </p> <p> </p> <p class="graduatecollection">Graduate Collection 2009 </p> <p><a href="illustration-1.html" target="collection-main">Illustrations</a></p> <p>Look Book</p> <p>Editorial Photos</p> <p> </p> </body> </html>
- salonpath
- ベストアンサー率48% (194/399)
#2の画像のframe-set.html部分（ファイル名が違うので注意） ■qa5342975_fs.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>qa5342975_frameset</title> </head> <frameset cols="*,80" frameborder="no" border="0" framespacing="0"> <frame src="qa5342975_l.html" name="mainFrame" id="mainFrame" title="mainFrame" /> <frame src="illustration-0.html" name="collection-main" scrolling="No" noresize="noresize" id="collection-main" title="collection-main" /> </frameset> <noframes><body> </body></noframes> </html>
- salonpath
- ベストアンサー率48% (194/399)
こちらもローカルでテストしました。 winのFirefox3.5とmacのでは微妙に違うのかもしれないですね。 長くなりますが、再現に使ったソースを書きます ■#2の画像のindex.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>index</title> </head> <body><iframe src="qa5342975_fs.html" width="500" height="500">iframe_in_frameset</iframe> <p><a href="illustration-1.html" target="collection-main">Illustrations</a></p> </body> </html>
- salonpath
- ベストアンサー率48% (194/399)
該当部分のソースを教えてもらえますか？ どんなフレーム構成で、どのフレームのリンクからどのフレームへhtmlを呼び出しているのかわかるように。
補足
説明不足で申し訳ありませんでした。 問題のあるフレーム構成は２カラム（左右に別れていて左側がメニューです）で、そのページ全体を、indexのインラインフレームに入るようにしています。 フレームページのメニュー部分は、CSSの部分を省略するとこのようになっています。 今のところリンクを貼っているのはillustrationのページのみで、ターゲットの名前はフレーム右ページと一致しています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <p> </p> <p> </p> <p class="graduatecollection">Graduate Collection 2009 </p> <p><a href="illustration-1.html" target="collection-main">Illustrations</a></p> <p>Look Book</p> <p>Editorial Photos</p> <p> </p> </body> </html> インラインフレームのソースもお伝えした方が良いでしょうか？ お時間を割いてくださってありがとうございます。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
補足
ありがとうございます、 そうです、まさしくこの通りです。 私は今MacBookのOS Xを使っています。 ちなみにプレビューはオフライン作業だったので、まだちゃんとサーバーにはアップロードしていない状態でしたが、関係あるのでしょうか？