カテゴリー:CSS一覧

【css】td,thをdisplay:block;したけれどIE9以下ではfloatが必要

tableを構築していて、スマートフォン用の表示に対応させようとするとセルの幅が狭くなって文字が読みにくくなってしまうのをdiplay:block;にする事で対応しています。

今回はレスポンシブで作成している時に同じくdisplay:block;をした際にIE9、IE8で効いていなかったので対策を調べてみました。

webサイトをプリントする際に使用したコードまとめ

Html5 tips

最近、スマートフォンを使用する方が多くなり、ペーパーレスになってきている昨今ですが まだまだwebサイトを印刷して2次利用することがあるようです。

overflow:hidden;とページ内リンクを同時にしようしたら表示がおかしくなる件を解決

overflow:hidden;とページ内リンクを同時にしようしたら表示がおかしくなる件を解決

コンテンツとサイドバーをfloatしてレイアウトする際に、デザイン上でサイドバーがfooterまでついている場合があります。

その時にはサイドバーにmargin-bottom: -10000px;とpadding-bottom: 10000px;を書いてコンテンツにはoverflow:hidden;を書きます。

そうする事でサイドバーの高さをコンテンツと同じ高さにできるのでサイドバーの背景がずっとついてくる形にコーディングできます。

しかし、ここで問題が…ページ内リンク()を設定すると表示が崩れてしまいました!

【CSS】IE9とIE10でdisplay:none;がきかない?の解決法

IEハックTIPS

CSSでdisplay:none;を使用した時にIE9とIE10でなぜか消えない!

でもIE8とIE7では消えてくれている…

なぜ!?

CSSを構造的に書こう!「LESS」を使う為の準備はとても簡単!

lessを使ってみました

前々からLessとSassについては知っていたのですが、ようやく試す事ができました。

CSSをより便利に使えるLessやSassは使わないのはもったいない。

今回は簡単に導入できそうなのでLessに挑戦してみます。

【CSS】脱初心者!ショートハンドでプロパティを一括指定しよう

【CSS】脱初心者!ショートハンドでプロパティを一括指定しよう

CSSのプロパティには一括でまとめられるショートハンドというものが使えるプロパティがいくつかあります。

ショートハンドを憶えてレベルアップしちゃいましょう!

MAMPとDropboxでどこでも同じ開発環境にして作業効率をアップしよう

dropboxとmampでどこでも同じファイルを編集しよう

XAMPPだとhtdocsフォルダに保存してあるファイルしかローカル環境が使えないのでMAMPに乗り換えました

HTML5とCSS3で組んだこのブログをW3Cでチェックしました

W3CでHTMLとCSSのバリデーションしました

wordpressで作られたこのブログのテーマをいじくり回したのでダメな点がないかチェックしてみました。

【web】初心者はやりがち?strongタグの間違った使い方と正しい使い方

strongタグについて調べてみた

今までは単語毎での使用だと思っていましたが文章全体をかこっているブログもあり、使用定義について再確認の意味を込めて調べてみました。