- ベストアンサー
ホームページをセンターに表示したい！
- DreamweaverCS3を使ってホームページを作成しています。ホームページをセンターに表示したく、marginをautoにしてもセンターに表示されません。いったい何が原因なのでしょうか？
- ホームページ作成中に、DreamweaverCS3でmarginをautoに設定しても、センターに表示されない問題が発生しています。原因と解決策を教えてください。
- DreamweaverCS3を使用してホームページを作成中ですが、marginをautoに設定してもセンターに表示されません。どうすればセンターに表示することができるのでしょうか？
- kashiore06
- お礼率54% (6/11)
- ホームページ作成ソフト
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
そこだけじゃダメです、過去の質問にあったサイトを見ましたが 全体的にpositionで製作してるのでちょっと手がかかります。 html側 1）まずbody直下にdivを追加してください。 <body bgcolor="#ffffff"> <div id="apDiv3"> ↓ <body bgcolor="#ffffff"> <div id="wrap"> <div id="apDiv3"> 2）そのdivを閉じます } catch(err) {}</script> </body> </html> ↓ } catch(err) {}</script> </div> </body> </html>
その他の回答 (3)
- Z31
- ベストアンサー率37% (735/1957)
ホームページブルダーでしたら、表の中に文字や画像をレイアウトして、表の書式設定で「中央表示」を選べばどのサイズのディスプレイでもセンター表示となりますけどね。
- salonpath
- ベストアンサー率48% (194/399)
説明 1）コンテンツを簡単に中央ぞろえする為のボックスを作る ・div id="wrap" 2）ほとんど全ての要素を絶対配置（apdiv？）で作っているので、追加したボックスを基準点とするようにcssで指定 ・wrapのposition:relative; 3）ボックスを中央揃えするにはmargin:autoだけじゃなく横幅が必要 ・width:850px;/*希望の横幅*/ ・margin:0 auto; 細かい位置調整はよくわからなかったのでしてません。
- salonpath
- ベストアンサー率48% (194/399)
css側 #wrap{ width:850px;/*希望の横幅*/ margin:0 auto; position:relative; border:1px solid #F00;/*確認用の赤い線*/ } #apDiv3のleftを left:20px; くらい #apDiv4 のleftを left:540px; くらい #apDiv8のleftを好きな位置に修正、とりあえず0 left:0px; フッターはleftを0にしてwidthを大枠と同じサイズに変更し text-align:center;を使って真ん中揃えするように修正 #apDiv5 { position:absolute; left:0px; top:970px; text-align:center; width:850px; height:30px; z-index:5; overflow: hidden; }
お礼
salonpathさん アドバイスありがとうございます！ 無事に問題解決しました。 本当に助かりました。