タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

floatに関するosktakaのブックマーク (5)

  • IEでfloat属性を指定した要素の親要素のborderが消えるバグ

    2006.12.13 00:09 IEでfloat属性を指定した要素の親要素のborderが消えるバグ しかし、floatって難儀だなあ・・・ これはfloatを指定している要素の親要素にwidthやbackgroundを指定する事で解消できる。 これを機にfloatを指定している要素とその親要素の関係をまとめてみた。 ちなみに XHTML1.0 Strict (XML宣言無し)での検証なので流用する際は DTD を確認の上使って下さい。(個人的には Strict が一番ハックを少なくして、効率的にコーディングできると考えている。時間がある時、まとめたいなー) 検証ページ 昔のエントリーで書いたfloatを指定したときの親要素の高さの問題と合わせてまとめました。 ただし、overflow: autoの指定についてはa要素とかテキストサイズの変更とかで意図しないスクロールバーが出たりす

  • IE:floatでレイアウトが崩れる理由がaltにも… (I-and-R 【帯広/oma/web/ホームページ制作/デザイン/】)

    今日、cssでカラムをfloatさせている際に、驚きの出来事がありました。 IEで親の幅に合わせてピタピタに左右のカラムのwidthを設定すると、レイアウトが崩れる…ってのはよくあることですが、なんと、そんなわけでもないのにレイアウトが崩れたのです。 原因を探しても探しても、どーーーー頑張っても見つからず…。 だって、ピタピタにしたわけじゃないんですもの。余裕がある上に、leftとrightで分けたんですもの。 そこで、最後の手段的なものとして、アテで入れていた<img src="#" alt="*******" />のalt部分を削除してみました。altだけ適当に長いものを入れてたんです。 するとどーーーでしょーーー! レイアウトが直った…。 ま、まさかこのaltがジャマをしてくださっていたとは…。 こんな作り方をされる方はめったにいないでしょうが、もし、IEでfloatした時にレイ

  • UFABET เว็บยูฟ่า แทงบอลออนไลน์ UFA MOBILE ระบบใหม่ 2025.

    UFABET เจาะลึกจักรวาลแห่งการเดิมพันออนไลน์ครบวงจร ในห้วงแห่งโลกดิจิทัลที่การเข้าถึงความบันเทิงไร้พรมแดน การผงาดขึ้นของแพลตฟอร์มการเดิมพันเกมพนันออนไลน์ UFABET ได้กลายเป็นปรากฏการณ์ที่ไม่อาจมองข้าม ด้วยรากฐานที่มั่นคง ความหลากหลายของผลิตภัณฑ์ และประสบการณ์การใช้งานที่ไร้รอยต่อ ทำให้ เว็บยูฟ่าเบท กลายเป็นจุดหมายปลายทางของผู้ที่แสวงหาความเร้าใจและโอกาสในการสร้างผลตอบแทน ปฐมบทแห่งการผจญภัยในโลก เกมออน

    osktaka
    osktaka 2008/07/30
    floatを使う場合、その外枠にはwidthを指定
  • ADP: floatレイアウトでつまづかないためのTips

    ADP: floatレイアウトでつまづかないためのTips
  • Re: IE の float 処理について

    てんぽ: Re: IE の float 処理について CSSHTML、FC2ブログのカスタマイズ、共有テンプレートなど floatとpositionの使い分けと類似の問題があったので紹介。 以下のHTMLでヘッダ、文を右に寄せ、それらの左側にサイドバーを配置する。ただしサイドバーはページの一番上からの配置にしたい。 <div id="top"><h1>ヘッダ</h1></div> <div id="main"><div class="content">文</div></div> <div id="sidebar"><div class="content">サイドバー</div></div> <div id="footer"><p>フッタ</p></div> IE の float 処理について ◁ The Trap of Web Design この、フロートブロックふたつ続きで、その後

  • 1