- ベストアンサー
win css レイアウト崩れ お気に入りセンター固定
現在webサイトをdreamweaverで制作しているのですが、WindowsIEで左にお気に入りバーを出した状態でページを開いた後、お気に入りを隠すと、ページ全体が左に寄ってしまいます。 その他、右のiframeが見るパソコンによっては下へずれてしまうみたいです。 http://ayabiebie.web.fc2.com/atelier_ange/index.html チェックなどしてみたのですが、訳が分からずまいってます。 どなたか助言お願い致します。
- 3MwM3
- お礼率50% (4/8)
- ホームページ作成ソフト
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
強引な実験方法で申し訳ないですが、手持ちのオーサリングが アドビ社ゴーライブとＩＢＭ社ホームページビルダーなので、 後者にて「ＵＲＬから読み込み」の機能を使い、ページ表示 させてみました。 その状態では、Ｉフレームの項目がずれています。 ソースタブからソースコードを開きＩフレームタグ属性のwidth値を 下げながら実験。 558× 557でＯＫでした その状態では縦スライダーは出ていますが、 横は出ていません。 550でも横スライダーは出ませんでした。 しかし、どの幅をとっても、右端部分に違和感を感じます。 Ｉフレーム部分の左端より、右端のほうが狭く感じます。 ＩフレームHTMLファイルの全体要素の左右バランスを 調整してはいかがかな、と思います。 また、ページ全体は、左端へ寄った形で表示されました。 そこで、<BODY> の下に <DIV style="text-align:center;margin-left:auto;margin-right:auto;"> さらに </BODY> の上に、閉じ</DIV> を入れて、 <BODY> 下方の <div id="base" style="text-align:center;"> の style="text-align:center;" を削除してプレビューさせると ちゃんと表示されましたが。
その他の回答 (1)
- mr_kjapan
- ベストアンサー率63% (29/46)
ご指定のサイトを数回訪問させて頂きました。 <DIV align="center"> は手っ取り早いでしょうが（自分なら body以下の要素全体に、つい挟んでしまいます）、手持ちの 本の隅にCSSによるセンタリング方法が載っていた気がするが、 これまた手っ取り早くウェブサイトをググッたところ、 「CSSによる正しいセンタリングの仕方」と言うのがありました。 http://www.mozilla.gr.jp/standards/webtips0004.html 右のiframeは、width="567" の数値が大きすぎて、全体の枠に 収まらず、左側メニューの幅にも押されて、下側へ追いやられて しまうのでは無いでしょうか。 数値を550位にしてみるとか。
お礼
ご回答ありがとうございます。 上記に書いていただいたモノもサイトも見て試してみたのですが、やはりお気に入りを閉じた後、左に寄ったまま戻りません。 iframeですが、中のページ自体がwidth 550なので、最初僕も550でやっていたのですが、横スクロールを出さぬ様にやると、中ページの右端が切れてしまうので止む終えず大きくとっていました。何かやり方が間違っているのでしょうか？ 現在560へ変更しましたが、それでもまだ右端が切れてしまいます。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
ご丁寧にありがとうございました！ 解決できました！ ありがとうございました！！