タグ

CSSとBugに関するkyotawebのブックマーク (4)

  • CSS - dtをfloatする場合の注意点 | Try | d-spica

    dtをfloatし,margin, padding, borderなどをあてる場合の注意点です。 Tried at 2008-05-12 まず,マークアップは次の通り <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-04</dt>

  • [CSS]気をつけたいIE 7のバグ -CSS-Discuss

    CSS-Discussにアップされている「IE 7 Bugs」の意訳です。 省略している箇所も多数あるので、原文も参照ください。 Internet Explorer Win Bugs - css-discuss 注意: バグには、IE7のみでなく、IE 5, 5.5, 6のものも含まれています。 公開されてから時間が経っているためか、ちょっと古いものもあります。 IEのフォントサイズのバグ フォントサイズの継承 IEの相対指定のフォントサイズの継承は、うまく機能しません。 相対指定を行う場合、emより%で指定を行う方が便利です。もし、em指定を行う場合は最初に%指定を行ってください。 例: body{ font-size: 100.01%; } ※100%の代わりに100.01%を使用するのは、Operaでの継承バグの回避のためです。 キーワード指定でのサイズ フォントサイズに「small

    [CSS]気をつけたいIE 7のバグ -CSS-Discuss
  • Tanablog: float の解除と margin の相殺

  • 半角文字の連続を表示させるとレイアウトが崩れる (AIRE-PROJECT BLOG)

    Webサイトを制作していてたまに指摘されるのが、半角文字を連続して入力したときにレイアウトが崩れるという問題。 これはブラウザがデフォルトでは英単語を単語の途中で改行しないから起きるんだけど、そんなめちゃくちゃ長い単語が入る場合があるんですか?と言いたくもなります。 ただ、ありえるのはURLとかe-mail。 これがサイドの狭いエリアに入ってくる場合。 IEの場合のみCSSで対応できるのでメモしときます。 IEでは、下記のスタイルと組み込むことで対応可能。 word-break: mode (e5) 行末の単語禁則処理を、normal(既定値:英文のみ単語の切れ目で改行)、break-all(英文、和文共に単語の途中でも改行)、keep-all(英文、和文共に単語の切れ目で改行)のいずれかで指定します。 (とほほのスタイルシート入門より) Firefoxはこれに対応していないため、制

  • 1