解決済
Ads By Google
CSS内にwrapperがありません。
半年程前、デザインをオリジナルの物に変更しました。３カラムのデザインです。
ところが、そのテンプレのCSSにはwrapperの記述がありませんでした。
現在の状況は、CSSにはwrapperの記述が無く
トップページ～月別のHTMLにはcontentの上に
<div id="wrapper">と記述してあります。
今のところ表示に問題は無いのですが
contentとleft部分が単独状態って事ですよね？？
今後問題は無いのでしょうか？？
対策として
やはりCSSにもwrapperを追加して
１から設定し直した方がいいのでしょうか？
それともトップページ～月別までのwrapperを
削除しても問題無いのでしょうか？
よろしくお願い致します。
2006-10-21 12:51の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-10-21 14:14:58
3カラムデザインにする場合は、大きく分けて2つの方法があります。
1つはwrapperで囲んでfloatで左右に振り分ける方法、もう1つは「position:absolute; top:○px; left:○px;」などと絶対位置で表示位置を指定する方法です。
おそらくは、後者の方法でレイアウトされているのではないかと想像します。
HTMLやCSSの知識が十分でない場合は、あまり手を加えない方がよろしいのではないかと思います。
それでも手を加えたければ、HTMLやCSSを勉強してからされるか、失敗しても戻せるよう、元のCSSやHTMLをメモ帳などであなたのPC内に保存しておくことをおすすめします。
1つはwrapperで囲んでfloatで左右に振り分ける方法、もう1つは「position:absolute; top:○px; left:○px;」などと絶対位置で表示位置を指定する方法です。
おそらくは、後者の方法でレイアウトされているのではないかと想像します。
HTMLやCSSの知識が十分でない場合は、あまり手を加えない方がよろしいのではないかと思います。
それでも手を加えたければ、HTMLやCSSを勉強してからされるか、失敗しても戻せるよう、元のCSSやHTMLをメモ帳などであなたのPC内に保存しておくことをおすすめします。
みなさま有り難うございました。
「絶対位置」を理解していなかった事が原因でした･･･
３カラムである以上「wrapperは必須」という勘違いもありました。
とても参考になりました。
有り難うございました。
Ads By Google
コメント(4)
#1. Hukamin
2006-10-21 14:21:28
より適切な回答をするためには、ご使用のCSSやHTMLのソースを教えていただかないと難しいです。
ブログのURLなどを記載いただければ、確認できると思われます。
#2. 万年床生活者
2006-10-21 17:08:11
「position:absolute; top:○px;left:○px;」などと絶対位置で表示位置を指定する方法です。Hukamin先生はこの手法を用いてデザインテンプレートを自作されてますよね＾＾
質問者さんは具体的にどうこうしたいというわけではなく、単に３カラムなのにwrapperがないという事を心配しているのではないでしょうか。
気持ち、わかるなぁ～＾＾；
#3. Hukamin
2006-10-24 09:47:47
CSSやHTMLの記述がどうなっているか判らないと、回答しづらいのですが、必ずしも全ての項目にきちんと指定しなくてはならないと決まっているわけではないので、例えばwrapperに指定がなくてHTMLに記述があっても、問題ない場合もあります。
現に私が現在使っている自作テンプレートにもHTMLにwrapperの記述がありますが、CSSにはwrapperの指定が一切ありませんが、問題ありません。
3カラムの左右の表示位置を指定している場合には、wrapperの指定が省略されていても、3カラムとして表示されるからです。
3枚の透明なシートに、それぞれ左のサイドバー、右のサイドバー、中央のコンテンツを重ね合わせると、3カラムに見えるといった原理です。
上記の説明で判りますでしょうか。
#4. 万年床生活者
2006-10-24 16:07:30
勉強になります(ﾟ◇ﾟ)ゞ
