パソコンスクール東京国立PCフレンズはパソコンレッスン、アイパッドレッスンサポートをいたします。

iPad教室、パソコンスクール＆パソコンやＭａｃサポート修理です。パソコンでお困りであればご連絡下さい。

東京国立パソコンスクールPCフレンズ

東京国立市のパソコンスクールPCフレンズです。パソコン教室レッスン、パソコン出張レッスン、パソコン出張修理とサポートに伺います。
パソコンレッスンはマンツーマン個人レッスンのワンポイントレッスンでお客様のご要望、ご希望に合わせたレッスンをいたします。ワード＆エクセルの短期集中講座、Webサイト＆ホームページ作成講座はSEO対策もいたします。AutoCADとJWcadを使ったCADレッスンも好評です。
パソコン修理サポートは、立ち上がらないパソコンのリカバリとデータ復旧。遅いパソコンのメモリ増設で改善いたします。その他、無線LAN環境やネット接続、Macの修理サポートにも伺います。
パソコン教室レッスン：１時間２５００円
パソコン出張レッスン：１時間３５００円
パソコン修理サポート：１時間４０００円
（出張の際は別途１０００円～５０００円の出張料金を頂きます、国立市内は無料です）
電話：042-519-3886
メール:pcfriends@mail.goo.ne.jp
住所：東京都国立市富士見台１－８－４４

ＣＳＳの修正１

2008年01月25日 | ＰＣ
スクールサイトのＣＳＳ修正を行いました。

IE6,7では問題なく表示されますがOpera、Firefoxではカラム落ち等が発生しています。IEのファジーな表示のおかげとも言えますね

子要素が親要素からはみ出している、ヘッダーが上部に表示されていると言う点。
marginとpaddingの見直し
floatさせている段落後要素のclear:both
ヘッダー要素とコンテンツ要素をまとめて親要素に入れる
以上で解決させました。

メニューでa要素、p要素などの背景がwidthとおりに表示されないと言う点。
インライン要素では背景がWidth通りにならないのでdisplay:blockを使う。
メニューのインライン表示を止めてリスト表示にする。

現在はOperaとFirefoxで問題なく表示されております。

ＣＳＳはサイト設計が大切。
しっかり設計していないと後々大変なことになります、特にmarginとpadding。逆にＣＳＳにしていればサイトの修正は容易に行えると言うメリットがあります。実際に作ってみて各ブラウザで表示させ修正する・・・その繰り返しですね。

ＣＳＳに方向転換して、フレーム表示とテーブルは止めました。とくにテーブルを止めることでHTMLがスッキリし修正が楽になりましたね。
今回はメニューなどは全てテキスト表示でシンプルにしてありますが、次回は背景画像を使ったメニューにしてみたいと思っています。

さぁ、今日は受験日記サイトのＣＳＳ修正だ