Recent Entries on [ CSS ]
スマートフォン対応
致しました。
携帯をスマホに替えてから
サイトをあちこち見て回ってますが、
スマホサイトがかなりできています。
なるほど、スマホは基本PCサイトを見られるのですが、
PCモニタでブラウズする様に作成されているサイトです。
これをスマホの画面が大きくなったとは言え、
スマホの手のひらのサイズでは見にくく、
指タップしてボタンを押すのも一苦労です。
なので、スマホサイトを別途作成されているようです。
で、せっかくスマホにしたので、
ここもスマホ対応しました。
2日ぐらい。。。
携帯をスマホに替えてから
サイトをあちこち見て回ってますが、
スマホサイトがかなりできています。
なるほど、スマホは基本PCサイトを見られるのですが、
PCモニタでブラウズする様に作成されているサイトです。
これをスマホの画面が大きくなったとは言え、
スマホの手のひらのサイズでは見にくく、
指タップしてボタンを押すのも一苦労です。
なので、スマホサイトを別途作成されているようです。
で、せっかくスマホにしたので、
ここもスマホ対応しました。
2日ぐらい。。。
続きを読む: スマートフォン対応
IE6 float カラム落ち対策
cssにて段組を作っているときによくIE6で
カラム落ちつまり、
左カラムfloat指定してmergin-leftとかすると
右カラムが右に並ぶはずが下に移動してしまう。
を毎回経験するので、防備録。
よく右カラムをclear:right(left);
するかoverflow:auto;
とかする方法がありますが、
私は
・レイアウト用の左カラム/右カラムには
mergin-leftとかしない。
・で左カラムの中にさらにインナーを入れ子にして
これでmergin調整するようにした。
でクリアした。まあdivボックスがすこし煩雑になりますが。。。
カラム落ちつまり、
左カラムfloat指定してmergin-leftとかすると
右カラムが右に並ぶはずが下に移動してしまう。
を毎回経験するので、防備録。
よく右カラムをclear:right(left);
するかoverflow:auto;
とかする方法がありますが、
私は
・レイアウト用の左カラム/右カラムには
mergin-leftとかしない。
・で左カラムの中にさらにインナーを入れ子にして
これでmergin調整するようにした。
でクリアした。まあdivボックスがすこし煩雑になりますが。。。
js+cssで角丸ボックス
HTML/CSSテクニック忘備録。
よく見るフレキシブルな角丸ボックス。
柔らかな雰囲気を与えてるのですが、
これを実現するには角の扇型画像を用意して、
divボックス内に入れ子で配置していく
ってのが一般的ですが。。。
よく見るフレキシブルな角丸ボックス。
柔らかな雰囲気を与えてるのですが、
これを実現するには角の扇型画像を用意して、
divボックス内に入れ子で配置していく
ってのが一般的ですが。。。
続きを読む: js+cssで角丸ボックス