css– tag –
-
CSSで最小の長さを設定
ホームページで複数の画像を扱うときなど長さを揃えたりする場合には下記の様に最小の長さが指定できます。 スタイルシートに下記の設定をすればほぼ、 すべてのブラウザで最小の長さを保つ事ができます。ぜひお試し下さい。 #box { min-wid… -
CSSで最長の長さを設定
ホームページで複数の画像を扱うときなど長さを揃えたりする場合には下記の様に最長の長さが指定できます。 スタイルシートに下記の設定をすればほぼ、 すべてのブラウザで最長の長さを保つ事ができます。ぜひお試し下さい。 #box { max-wid… -
CSSで最大の高さを設定
ホームページで複数の画像を扱うときなど高さを揃えたりする場合には下記の様に最大の高さが指定できます。 スタイルシートに下記の設定をすればほぼ、 すべてのブラウザで最大の高さを保つ事ができます。ぜひお試し下さい。 #box { max-hei… -
スマホで見た際にwidth100%なのに途中で背景色が切れる
CSSで「width: 100%;」と指定すると背景色などは横幅いっぱいに色がつきます。 しかしスマホで見た場合、途中で切れている場合はあります。 そんなときはbodyに下記のタグを追加することで解決します。 body { min-widt… -
代表的なデバイスの画面サイズ
レスポンシブデザインで困る事の一つとして、 どのサイズで表示を切り替えるかという事が有ります。 iPhoneやタブレットなど様々なサイズのデバイスがあふれているため、 すべてにあったものは現実的には難しいです。 そこで主要なサイズの目安とし… -
高さの異なるボックスを揃えるCSS
cssで組んでいる時に高さが異なるボックスを配置してフロートしたりすると、 記事が回り込んでしまい思う様に表示出来無い場合があります。 また背景に色をつけたい場合にも内容量が少ない方に背景色を付けると、 途中までしか色が付かなくてかっこわる… -
CSSで最低の高さを設定
ホームページを作っていると背景に画像を付けている場合やある程度の余白を取っておきたい場合など最低の高さを決めてコンテンツの内容に応じて自動で幅を増やしたい場合があります。 ですが実際にはブラウザや環境（特にIE）などにより思う様にできないこ… -
画像の下の余白をなくす
画像を配置した際に、下に余計な空白ができ、レイアウトが崩れる事があります。 色々調べた結果CSSの仕様だということが分かりました！！ 解決方法は簡単で、下記のタグをスタイルシートに追加するだけです。 ブラウザや環境によっても余白がでたりでな… -
不要なスクロールバー非表示
先日ホームページを制作してる最中に一部のブラウザでのみスクロールバーが表示されておりました。 横幅や画像サイズなども見たのですが、 特に間違っているところが見当たらなかったので、 head内に下記のタグを追加して強制的に非表示させました。…
1