今月のピックアップ - あなたのサイトに相互リンクシステムを! / 相互リンクのtooland

レイアウト崩れの原因について

2008-05-12 Mon

レイアウト崩れの原因解説1

SeeSaaブログカスタマイズによるレイアウト崩れの原因についてのステップ解説1です。




SeeSaaブログの構造XHTML構造は、#containerの中に#left-links及び#linksのサイドバー部分などすべてのブロックが収められています。

つまり、まず考える事は、#left-links及び#linksの幅(width)と#contentの幅(width)が#containerの幅(デフォルト固定幅ではwidth:800px;)を超えないという事です。

マージン/marginやパッディング/padding、線/borderといった指定を無視したとして、

サイドバー部分を200pxにしたいのなら、記事部分の最大幅は600pxという事です。

左サイドバー部分を200px、右サイドバー部分を160pxにしたいのなら、記事部分の最大幅は440pxという事です。

マージン/marginやパッディング/padding、線/borderといった指定が及ぼす影響についてはあとで説明するとして、まず一番大切な点は

#container > #left-links及び#links + #content

という点である事を覚えましょう。



タグ-[ レイアウト崩れ ]

[ 人気ブログランキングへ ] [ レイアウト崩れの原因について ] [ Comment(0) / TrackBack(0) ] [ ▲Top ]

データベースを用いた一覧表示サイトをまるごと簡単に作れる!

儲かりすぎ注意!アフィリエイトで儲かっている方は絶対にクリックしないで下さい!

ラブコスメティック

セクシャルヘルスケア商品の詳細・購入はこちら

シックス・アパート

企業サイトもPingoo!でアクセスUP

ブログ記事を投稿するだけで原稿料を貰える

わずか10秒程度でホームページの問題点が丸裸に!UNFINISHED無料ホームページ診断

▲Page Top

この記事へのコメント

コメント

お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

▲Page Top

最近の記事

簡単にリンク集が作成できる便利ツール (04/05)

その他のリンク (08/29)

SEO見直し完了 (06/03)

SEO実施 (06/02)

ボックスモデルを理解する (05/31)

SeeSaaブログ用テンプレート11 (05/30)

オリジナルテンプレート10の訂正 (05/29)

SeesaaSEO的<h1>そのA (05/28)

SeesaaSEO的<h1>その@ (05/28)

SeeSaaブログ用テンプレート10 (05/28)

最近のコメント
最近のトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。