ベージ内ジャンプ
本文へコンテンツ一覧へ末尾へ

記事一覧

素材TOP > その他 > 作成雑記 一覧   

IE7で見てきたー! 

その他::作成雑記 … 2007.07.20 (金)

preタグ内の地図がズレてたー!(笑)
えええ。あっそうか、始めにPフォント指定しちゃってるからか…。という訳で全てのCSSをプチ修正(pre指定にMS ゴシックを足しただけ…monospaceだけじゃ駄目なのねごめん!しかもデフォルトCSSは元々MSゴシックだったり(汗))。IE7で直ってるかどうかは次に確認出来る時までわかりません(^^;。

あーでも、preタグにはいっそフォント指定しない方がいいんかな…。ブラウザが勝手に「おっ、preだから等幅だ!」って認識するもんなんじゃなかったっけ。
※自己れす:「*」でリセットしてるから駄目です…すいません。

しかし確認したVistaの解像度が高かったせいか、幅730pxってすごい狭く感じた…このサイトも狭すぎ。リキッドレイアウトも考えてみます。3カラムのリクエスト頂いたまま放置しちゃってるんですが、まだそういう所まで行ってませんこのひと←私;

密かに憧れの某スキン配布サイト様のは、同じ幅でも全然せせこましくないんですよねー。これがいわゆるセンスの差という奴なのか…精進精進。

スキン更新。 

その他::作成雑記 … 2007.07.17 (火)

グラデーション背景。だいぶ前からやりたくて、ちまちま作っていました。ようやくフッタの処理が出来たので公開出来ます。

サムネイルの画像とか見ると、前のと変わらないフツーな感じですが、これがですね…見えない所でえらい苦労しました(^^;。IE6+個別記事+サイドバーOFFで、記事タイトル(の背景色)が消えるバグは、他をいじってたらいつの間にか治ってて…うむむ。
その他ポイントは、

  • グラデーションの縦幅が600pxある。
  • サイドバーが短くて本文も短い場合、本文縦が600px以下になってフッタ背景と繋がらない。min_heightという便利なCSSはIEが非対応。CSSにアンダースコアハックを書いたら、何故かIE6で横カレンダーが消える現象が起きて断念。
  • 本文両端の影も縦グラデに合わせなきゃならなくて面倒。
  • フッタのグラデ処理が面倒だった。
  • 横カレンダーの実現方法に悩んだ。あんなやり方でいいのかなー。

上記のあたりでハマりまくり…結果、div重ねまくりになってしまいましたが、仕上がりは気に入ってます。まだIE7で見てないんですが見切り発車だー。

IE6のCSSバグで文字消え。 

その他::作成雑記 … 2007.07.17 (火)

配布中のスキンはちゃんと表示されるんだけど、気付いたらこの素材サイト自体が、IE6で「一部の文字が消える」バグ出まくってた。

てなわけで検索してみたら、とにかく「幅を固定しろ」という話らしく…いやそれはバグリスト睨みつつやってたんで指定済みなんですけど。色々自分でやっても駄目でした。で、やりたくなかったけど、アンダースコアハックを使いました。
消える部分の親要素に _width: 100%; を追加。
これでWinIEだけに適用。あちこち消えてたのが、一気にちゃんと表示されるようになりました。はーやれやれ。

で、配布中のスキンは消えなかったので、このハックの必要は多分ない。ない、はず…。それとも最初から書いといた方がいいのか?

コンテンツプラグイン対応 

その他::作成雑記 … 2007.07.13 (金)

えーと、プラグインの事を失念していました。

各圧縮ファイルに、コンテンツプラグイン用のスキンを同梱しました。readme.txtも修正しています。

まあ、スキン自体はプラグインの説明書にある通りの記述なんですが。配布ファイルそのまんまで設置すると、ブログと同一デザインにならないんですよね…。ウチのスキンの場合、装飾機能にも影響するので、一応追加してみました。

リニューアル。 

その他::作成雑記 … 2007.07.08 (日)

やーっと桜から脱却しました(遅い…)。
紫陽花も時期的にどうかと思いますが気にしない。
以前リクエスト頂いていた「SAKURA白の桜抜きバージョン」を、遅まきながらUPしました。

素材が少ないんで話にならんが、サイト自体のデザインは何とか素材サイトっぽくなったかなーと。もっと早くリニューアルしたかったけど、スタイルシートはハマると訳判んなくなるので…時間置いて、久々にガーッとやったら出来た。IE7で見てないけど。

どうやってもズレてた部分は、いわゆる「フロートマージンバグ」だった模様。久々に集中すると、どこが間違っているのか見つけやすい。

父親の古いWindows機をゲットしたので、IE6の動作確認も出来ています。やっぱWinが手元にあると作業効率が全然違う〜!とっても重宝。『SAKURA』作成時は、いちいち会社で確認しては「ズレとるがな!」ってやってたので…。

スキン配布。 

その他::作成雑記 … 2007.04.12 (木)

CSSの勉強を兼ねて、スキンを作ってみました。
まだ細かい所で検証の余地ありかと思いますが、桜の季節が終わってしまうので(…)とりあえず公開します。

スキン「SAKURA」に関して

※圧縮ファイルのnavigation.htmlが間違ってました (4/12 23時)
Validatorに叱られたのでfooter.htmlを修正 (4/13 20時)
※画像ファイル修正で4k軽量化 (4/15)
※黒のみCSSファイル修正(_ _;) (4/17)

ページ移動