勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

ページ内リンク(アンカーリンク)がずれる場合の対処法

  CSS

ヘッダーに固定メニューを設置しており、コンテンツ部分でアンカーリンクを使うと固定メニューの高さ分ずれ込んでしまう。

どうにかならないか調べたところCSSで対応できる模様。

 

#anchor {
	margin-top:-100px;
	padding-top:100px;
}

 

これでいけた。

 - CSS

  関連記事

CSSのセレクタを一瞬で拾ってくる

↓↓こちらのサイト様 http://css.miugle.info/ 左側のテキ ...

ガラケー(特にdocomo)でのCSS

PCサイトだとIEでつまずくことが多いけど、 ガラケーはdocomoが難儀やよ、 ...

CSSでfloatの解除

CSSでfloatがかかっているところを解除したかったけど、 やり方が分からなか ...

CSSでfloatやmargin&widthは使わずにブロック要素の中央寄せ・右寄せする方法

CSSでブロック要素を中央寄せする場合はwidth指定しつつ「margin:0 ...

CSSを用いて可変(レスポンシブ)要素内での文字列を丸める方法

可変(レスポンシブ)要素内の文字を丸めたかった。いつもであればPHPのmb_st ...