CSSとの格闘第一ラウンド終了

絶対私のキャラにはそぐわない、でもデザインの微妙さ自体は自分のレベルをよく表しているという出来のサイトデザインが(とりあえずの)完成になりました。表紙2カラム、単一記事シングルカラム、の夢は無謀だったもよう……。いや、サイドバーのdivの入れ子構造を勘違いしていたという単純なミスで長いこと悩んでいただけなんですが。
IE6で確認していません。もちろんMacは持っていないので、もし不具合があるようでしたらご連絡いただけると幸いです。
あと、時間が出来たら、トップに一枚ページを入れて、注意書きなどを書こうかなーと思っているところです。いつになることやら。

追記:IE6でバグ確認。float要素のせいで、marginの解釈が二倍になる……(?!)。なんちゅうバグや。
display:inlineを指定すれば回避出来るとのことで、やってはみましたが今はVista機なので、IE6での確認は済んでいません。もし、カラムがずれ込んでいたりしたらお教えください。

さらに追記:ピクセル単位での意図との違いはありますが、マクロにはとりあえず一致しました。WinXPのIE6、IE7、Opera9.2、Fx2及びWinVISTAでのIE7、Opera9、Fx2では確認しました。このデザインの唯一の利点は、横スクロールバーがおおかた出ないだろう、というところだけです。
横スクロールバーが出ると「せ、製作者、おまえ、自分が大きいモニタを持っているからっていい気になりやがって……!!」と歯がみするのは貧乏人のひがみですか、そうですか。

さらにさらに追記:IE7の挙動が変なのか私が間違っているのか?
divをfloatで右寄せにしたトップページでの各記事日時の表示ですが、フォントスタイルをイタリックに指定すると、どかん!と右マージンが広がってしまう……。(IEだけ。)
素直にtext-alignで指定すれば問題なかったのか、という解決法としては他愛ないオチがつきましたが、float指定するとマージンが狂うというのはバグなのかしらん?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.