css– category –

ホームページで複数の画像を扱うときなど長さを揃えたりする場合には下記の様に最小の長さが指定できます。 スタイルシートに下記の設定をすればほぼ、 すべてのブラウザで最小の長さを保つ事ができます。ぜひお試し下さい。 #box { min-wid…

ホームページで複数の画像を扱うときなど長さを揃えたりする場合には下記の様に最長の長さが指定できます。 スタイルシートに下記の設定をすればほぼ、 すべてのブラウザで最長の長さを保つ事ができます。ぜひお試し下さい。 #box { max-wid…

ホームページで複数の画像を扱うときなど高さを揃えたりする場合には下記の様に最大の高さが指定できます。 スタイルシートに下記の設定をすればほぼ、 すべてのブラウザで最大の高さを保つ事ができます。ぜひお試し下さい。 #box { max-hei…

CSSで「width: 100%;」と指定すると背景色などは横幅いっぱいに色がつきます。 しかしスマホで見た場合、途中で切れている場合はあります。 そんなときはbodyに下記のタグを追加することで解決します。 body { min-widt…

cssで組んでいる時に高さが異なるボックスを配置してフロートしたりすると、 記事が回り込んでしまい思う様に表示出来無い場合があります。 また背景に色をつけたい場合にも内容量が少ない方に背景色を付けると、 途中までしか色が付かなくてかっこわる…

長いURLや半角英数字などは自動で改行や折り返しがされず、 枠からはみ出して表示されてしまう場合があります。 ブラウザや環境によって対処法が異なりますが下記の方法でも、 対応させることが可能ですのでお試し下さい。 特にテーブル内にURLや半…

ホームページを作っていると背景に画像を付けている場合やある程度の余白を取っておきたい場合など最低の高さを決めてコンテンツの内容に応じて自動で幅を増やしたい場合があります。 ですが実際にはブラウザや環境（特にIE）などにより思う様にできないこ…

画像を配置した際に、下に余計な空白ができ、レイアウトが崩れる事があります。 色々調べた結果CSSの仕様だということが分かりました！！ 解決方法は簡単で、下記のタグをスタイルシートに追加するだけです。 ブラウザや環境によっても余白がでたりでな…

先日ホームページを制作してる最中に一部のブラウザでのみスクロールバーが表示されておりました。 横幅や画像サイズなども見たのですが、 特に間違っているところが見当たらなかったので、 head内に下記のタグを追加して強制的に非表示させました。…