IE6で「max-width」を使って、自動改行されない文字列を制御する :: [コエカタマリン MX 2007]
このブログのクロスブラウザ対応にいくつか問題があったので、修正しました。 致命的だったのは、URLなどの英数字の文字列が長すぎて自動で改行されない場合に ・Firefox -> エリアを突き抜けて文字列が表示されるが、その他のレイアウトに影響はない ・IE6 -> 文字列の長さに合わせてエリアが伸びてしまい、サイドエリアが下に回り込む というものでした。 ブログ以外のサイトではあまり気にすることのない問題でしたが、ブログのマークアップ上はありがちの状況でしょう。。。 解決方法として、max-widthを指定してやることがまず思いつきます。 同時に、IE6ではmax-widthが解釈されないというおなじみの仕様のことも思い出します。 このシチュエーションで、僕は「minmax.js」というライブラリを用いることにしました。 doxdesk.com: software: minmax.js こ
min/maxワイド等利用可能になるライブラリminmax.js
CSS minimum and maximum sizes The CSS2 standard specifies four properties that can be very useful when working with CSS layouts: min-width, max-width, min-height and max-height, These can be used in conjunction with the well-known width and height properties to get effects which can be especially helpful in designing layouts that are a mix of fixed-size and window-size-relative units. For example,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
