Rittyのサイト作成日記

< 新しい記事

新着記事一覧(全211件)

過去の記事 >

July 15, 2007

IE6用にCSSを手直し

(4)

テーマ：ホームページ作成の悩み(550)

カテゴリ： HTML＆CSS

今朝、メインサイト節約＆エコな暮しdeちいつものCSSを手直ししました。

IE6を使っていた方はお気づきだと思いますが、右サイドが正しく配置されずに一段下に表示されるという状態で、かな～り長い間放置していました。

IEにはバグ？が多くて、CSSを書くときにも気をつけないといけないことが多いというボンヤリした認識しかなくてCSSの手直しが面倒だったんですよね（言い訳）。

tableじゃなくてdivで組むんだったらしっかり計算しろよ、と頭では思っても、自分のブラウザ（IE7）ではちゃんと表示されてるからいいかぁ、なんて、サイト作りを初めた頃の初心はどこへやら、です(;^_^A

とりあえず、以下の点だけを注意してCSSを手直ししました。

○widthとmargin・paddingは並列しない
　　⇒widthを設定したら、margin（左右のみ）やpadding（左右のみ）は記述せず計算にも入れない。

たったこれだけなのに、結構時間がかかった。。。恐るべし、ど素人CSS。

お気に入りの記事を「いいね！」で応援しよう

Last updated July 15, 2007 10:58:57 PM
コメント(4) | コメントを書く

[HTML＆CSS] カテゴリの最新記事

■コメント

いろいろと読ませていただきました

uta さん

はじめまして。
ワタシもRittyさんと同じ頃にHTMLとCSSを勉強し始めたので共感する部分が多くてほとんどの記事を読んでしまいました。

運営サイトも色々と拝見しましたが、htmlソースがキレイでさらに好感度アップです。
ここまでレベルを上げるには相当勉強されたんだろうと思います。

Rittyさんの運営サイトはレイアウトがほぼ決まっているようですので、変更余地はないと思いますが、
「Vicuna」と呼ばれるテンプレートが最近リリースされました。

ttp://mt.vicuna.jp/

ストリクトなHTMLを売りにしているので、何かしらどこかの部分でRittyさんの役に立つんじゃないかなぁと思います。

ではではー。 (August 1, 2007 11:10:41 PM)

返事を書く

★utaさんへ

Ritty さん

utaさん、はじめまして(^-^)

>ワタシもRittyさんと同じ頃にHTMLとCSSを勉強し始めたので

同窓生、ってところですね。
勉強は独学でしょうか？
それともお仕事とか学校とか？？
最近独学の効率の悪さと独善化への懸念で少しモチーション下がり気味でした(;^_^A

>ほとんどの記事を読んでしまいました。

どわっ（汗汗汗　緊張しますっ(^_^;
でも嬉しい。ありがとうございます。

>運営サイトも色々と拝見しましたが、htmlソースがキレイでさらに好感度アップです。
>ここまでレベルを上げるには相当勉強されたんだろうと思います。

ありがとうございますっ！！恐縮です。
勉強と言っても、いまだHTMLの専門書は持たず、常識知らずなんだろうと思います。。。皆さんのサイトから学んだり影響されたことがほとんどです。

>「Vicuna」と呼ばれるテンプレートが最近リリースされました。

少しだけ見てブックマークしました。

CSSファイルの構成について興味ある記事を見つけたので、しばらくはそちらを勉強したい意欲に駆られました。いきなり役に立ちそうです。ありがとうございます♪
　＊コレです⇒ttp://vicuna.jp/storage/sVega/preview/1.html

CSSとボックスモデル？というんでしょうか、idとかclassの効率的な割り振りの仕方を身につけたいのです。

utaさん、あらためて嬉しいコメントと貴重な情報をありがとうございました！モチベーション、また上がりました(^-^)v
(August 4, 2007 12:04:03 PM)

返事を書く

Re:★utaさんへ(07/15)

uta さん

恐縮されて恐縮です(笑

Rittyさんと同じくワタシも独学です。
と言うより、ブログのカスタマイズで「ああしたい、こうしたい」と悩むうちに覚えていったので半分趣味でやってます。

idとかclassの割り振り方に悩まれているそうですが、この記事なんかどうでしょうか。

もう、class名やid名で悩まないんだからっ！！
ttp://css-happylife.com/log/memo/000100.shtml

だけど、たぶん的を得た答えにはなってないと思います。

Rittyさんの言わんとしてる事は分かるのですがワタシの頭ではうまく言葉にできませんでした><

特定の部分にだけ装飾したい場合に、どんなid名がいいかってことですよねぇ。
でもCSSありきでid名を付けるのは良くないと聞きますし、そしたらレイアウトが制限されるし。。
htmlってむずかしいですね(笑
(August 7, 2007 07:21:16 PM)

返事を書く

★utaさんへその２

Ritty さん

utaさん、お返事ありがとうございます♪

＞恐縮されて恐縮です(笑

いえいえこちらこそ、恐縮されて恐縮されて恐縮、、、もうやめときます（爆。

＞Rittyさんと同じくワタシも独学です。
＞と言うより、ブログのカスタマイズで「ああしたい、こうしたい」と悩むうちに覚えていったので半分趣味でやってます。

そうでしたか！半分趣味で、という同じ立場に親近感です(^-^)v
ブログから入る、、、そういえば私もブログから始めたんでした。忘れてました。。。

＞idとかclassの割り振り方に悩まれているそうですが、この記事なんかどうでしょうか。

ありがとうございます。
またブックマークしました。
他のコンテンツものぞきたいので☆

＞特定の部分にだけ装飾したい場合に、どんなid名がいいかってことですよねぇ。

そうです。上位クラスのidやclassの設定との兼ね合いも考えて、なるべく少ない設定で楽にソースを書きたいというズボラな下心が一番強いのですが。。。

＞でもCSSありきでid名を付けるのは良くないと聞きますし、そしたらレイアウトが制限されるし。。

ああ、そうか。
CSSありきでidつけるのは良くないという考えがあるんですね。サイトの構成に従ってidをつけるほうがコンテンツそのものの質も上がる気がするので、そこんとこ今後は意識してみよう～。

とかいいつつ、また取って付けたようなネーミングをするんですよね（笑。

(August 10, 2007 11:58:03 AM)

返事を書く