- 締切済み
スタイルシート
スタイルシートを使ってホームページを作り始めたんですが、左にメニューを作りたかったので body { margin: 0px; padding: 0px; } .main { width: 580px; position: absolute; left: 210px; } .side { width: 180px; margin-left:10px; } とcssファイルを作り何個かのページに記述したらトップページを除いて他のページは配置がおかしくなったりレンタルサーバの広告がど真ん中に重なったりしてしまいます。なぜでしょうか？ 配置がおかしいとはsideとmainが ■■という配置にして欲しいのですが ■ ■という風になってしまいます。 わかりにくくてすみません。
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- gura_
- ベストアンサー率44% (749/1683)
こんな感じですか↓ <html><head> <style type="text/css"> <!-- body { margin: 0px; padding: 0px; } .main { width: 580px; position: absolute; left: 210px; height: 200; background-color:yellow;} .side { float:left; width: 180px; margin-left:10px; height: 200; background-color:lime; } --> </style> </head> <body> <div class="side"> こっちは左側。 </div> <div class="main"> こっちは右側。 </div> </body> </html>
> レンタルサーバの広告がど真ん中に重なったりしてしまいます 【main】というクラス名は使われることが多いので【my_main】などとしてください。 > ■ ■という風になってしまいます cssでleftだけの設定なので、上からの位置top属性も指定してください。 【side】にposition: absolute;の指定がないのも原因として考えられます。
