カテゴリー別アーカイブ: CSS

奇怪:【CSS ブラウザのウィンドウサイズを変更するとレイヤーやなんかがずれる】

よくあるのはpositionの設定で relaytiveとかabsoluteを使っていると、その部分がウィンドウサイズを変えるたびにずれてしまうという現象がある。 古い記事だが参考ページ。 http://css-bug. […]

»『奇怪:【CSS ブラウザのウィンドウサイズを変更するとレイヤーやなんかがずれる】』

htmlでimgの回り込みを使った場合に1行目だけがセンタリングされてしまう。

htmlでimgの回り込みを使った場合に1行目だけがセンタリングされてしまうことがある。 その場合は1行目だけにdisplay:blockを当てたら直った。 <p> <img align="left"& […]

»『htmlでimgの回り込みを使った場合に1行目だけがセンタリングされてしまう。』

WordPressビジュアルエディタのpタグ、brタグを表示させないようにカスタマイズする。

WordPressビジュアルエディタの<p>タグ、<br>タグを表示させないようにカスタマイズする。 他にも色々紹介されているが、これが一番簡単な方法だろう。 the_content();の前にr […]

»『WordPressビジュアルエディタのpタグ、brタグを表示させないようにカスタマイズする。』

CSS a:linkを指定すると見えなくなったり消えたりする。

CSSでaタグにスタイルを指定するときに a:link { } とすると印刷時に非表示になったり、IE5.5などでも非表示になったりする現象がある。 ":link"はよほどのことがない限りつけなくてもいいだろう。 a { […]

»『CSS a:linkを指定すると見えなくなったり消えたりする。』

CSSセレクターの優先度 しつこく当てるとよく効く id class

CSSの優先度 CSSは、 1.タグ内にstyle=”" 2.head内にstyle 3.linkで外部呼び出し の上から順に優先度が高い。 また、 ID id = 100点 クラス class = 10点 タグに指定 […]

»『CSSセレクターの優先度 しつこく当てるとよく効く id class』

IE6で印刷CSSを作ったが、うまくA4には納まらなかった。

IE6で印刷CSSを作ったが、うまくA4にはまらなかった。 * html { zoom:80%; } とすればIEのみのスタイルで通常いいようだが、これもダメだった。 #contentや#headerなどのセレクターにも […]

»『IE6で印刷CSSを作ったが、うまくA4には納まらなかった。』

プリント用CSSで改行を操作する。

プリント用CSSで改行を操作する。 ●letter-spacing が悪さして改行がずれるときがある。 letter-spacing:0; で初期化する。 ●br brで改行を操作しているときは br { display […]

»『プリント用CSSで改行を操作する。』

IE6のなんのバージョンだか知らないけれども初期化しておかないと文字がズレる例があった。

body{ letter-spacing:0; } と初期化しておかないとIE6で文字がズレる例があった。

»『IE6のなんのバージョンだか知らないけれども初期化しておかないと文字がズレる例があった。』

floatでページレイアウトをしている場合は、1ページしか印刷されないケースがある。

floatでページレイアウトをしている場合は、1ページしか印刷されないケースがある。 印刷用CSSではこの指定を「float:none;」で解除する。 要は印刷時にはfloatがかかってない状態で印刷させるしかないわけだ […]

»『floatでページレイアウトをしている場合は、1ページしか印刷されないケースがある。』

ul,li要素のIE6とIE7のマージン問題paddingとmarginを0にしても…

ul,li要素のIE6とIE7のマージン問題 ul,li要素のpaddingとmarginを0にしても、IE6ではli要素の左側にマージンが20pxほど現れてしまうが、list-style-position: outsi […]

»『ul,li要素のIE6とIE7のマージン問題paddingとmarginを0にしても…』