2012年9月3日月曜日

WEB 第1回 2学期


 DREAMWEAVER Part4 Lesson-1(元データ)
※Part4 Lesson1 のStep2「サイトの定義」は行わない。
代わりに、
HD>ユーザー(iMac○○)>サイト> 自分のサイトのフォルダ >
の中に フォルダ名「layout_style」のフォルダがあるようにして下さい。
↓ 
Part4 Lesson-1(元データ)
 http://artinkochi.flier.jp/cid/layout_style.zip
 の元データをその中に入れること。 


カラム落ちとは

ブラウザによって異なる幅の読み込み

CSSで、「width: 250px;」と同じように指定しても、
border(枠線)幅が10pxだった場合、こんなに表示に差が
出るという。 “width”の数字を、内寸と見なすか、外寸と
見なすかの違いである。

つまり、最初からFirefoxでの表示に合わせて横幅一杯
に作ってしまうと、IEでは表示しきれずに、カラム落ちが
起こる可能性があると考えられるのだ。


 フッター表示のrightとleft
 

  cssを編集。

div#footer ulとdiv#footer addressのalignをleftに書き換えました。
core.css

フッターを右寄せではなく左寄せにすることで、
フッターとサイドバーがかぶってしまうのをとりあえず回避できました。
カラム落ち回避