こんばんは、sashaです。 次のような形のスタイルを実装しようとしていて、 実例 posted by (C)フォト蔵 IE5.5や6でこんな状況に出会ったことはありませんか？ （赤と青のボーダーは、elementの境目がわかりやすいように入れてあります） 実例バグ posted by (C)フォト蔵 どこがおかしいかお分かりになりますでしょうか。2項目目の赤と青で囲まれたテキストが、左に飛び出ていますね。その下にあるテキストまで、左にずれてます。 これは、多くのデザイナーの悩みの種である、「IE」の代表的なバグのひとつです。 このバグを再現させるのに必要なことはたったこれだけ。 「divの中にdiv」など、ブロック要素を2重にする 外側のブロック要素に、border-leftとpadding-bottomを定義する 以上。これだけでIEさんの地雷を踏めます。 以下のH
タグ
- すべて
- ネタ (98)
- #2ch (129)
- #コラム (115)
- * (1305)
- *2ch (742)
- *IT (194)
- *blog (259)
- *book (208)
- *business (318)
- *column (101)
- *css (214)
- *design (240)
- *firefox (94)
- *game (238)
- *google (275)
- *hatena (200)
- *javascript (305)
- *life (162)
- *lifehack (231)
- *lifehacks (530)
- *mobile (117)
- *music (135)
- *neta (344)
- *news (315)
- *photoshop (139)
- *programming (454)
- *software (283)
- *tips (502)
- *tool (116)
- *web (415)
- *webdesign (358)
- *webservice (318)
- *webサービス (596)
- *webデザイン (393)
- *web制作 (518)
- *あとで (457)
- *あとで読む (1281)
- *これはすごい (178)
- *まとめ (797)
- *デザイン (147)
- *ニュース (101)
- *ネタ (1404)
- *ビジネス (264)
- *プログラミング (187)
- *仕事 (166)
- *仕事術 (202)
- *所感 (119)
- *生活 (133)
- *社会 (264)
- *著作権 (103)
- *読み物 (409)
- *資料 (100)
- *雑学 (430)
- 07 SOFTWARE (112)
- 1作品 (116)
- 1組織 (285)
- 2008年 (92)
- 2ch (2836)
- 70 DESIGN (113)
- 9.network (118)
- Bookmarks_for_sakakibara_koichi (93)
- ITmedia (382)
- P言語 (164)
- Web 2.0 (102)
- _ (140)
- actionscript (147)
- ad (226)
- addon (106)
- adobe (98)
- affiliate (111)
- ajax (1052)
- algorithm (110)
- amazon (252)
- animation (113)
- anime (469)
- apache (139)
- api (296)
- apple (560)
- art (505)
- biz (225)
- blog (2563)
- book (1181)
- bookmark (260)
- books (209)
- browser (356)
- business (2137)
- china (117)
- color (123)
- column (470)
- comic (408)
- communication (883)
- community (184)
- computer (173)
- cooking (183)
- copyright (625)
- crime (124)
- css (1058)
- culture (256)
- dankogai (351)
- data (118)
- database (231)
- db (187)
- design (1854)
- dev (305)
- development (607)
- download (112)
- dpz (166)
- economics (153)
- economy (218)
- education (484)
- english (222)
- event (156)
- extension (242)
- fashion (169)
- finance (93)
- firefox (758)
- flash (899)
- font (209)
- food (451)
- framework (141)
- free (334)
- funny (229)
- gadget (267)
- game (1067)
- gender (126)
- generator (260)
- gigazine (512)
- gmail (149)
- google (1618)
- greasemonkey (182)
- gtd (95)
- hack (149)
- hardware (174)
- hatena (1028)
- hatenab (134)
- health (213)
- history (319)
- howto (106)
- html (458)
- icon (185)
- idea (266)
- ie (109)
- illust (154)
- image (461)
- imported (250)
- internet (273)
- interview (331)
- iphone (96)
- ipod (188)
- it (716)
- japan (354)
- java (256)
- javascript (1454)
- job (121)
- joke (144)
- js (218)
- language (382)
- law (306)
- library (516)
- life (1712)
- lifehack (1207)
- lifehacks (811)
- linux (635)
- literacy (103)
- livedoor (169)
- love (126)
- mac (546)
- mail (219)
- management (266)
- manga (108)
- map (269)
- marketing (377)
- markup (179)
- mashup (132)
- material (190)
- math (101)
- media (830)
- medical (135)
- memo (271)
- microsoft (240)
- misc (167)
- mixi (373)
- mobile (844)
- money (153)
- movie (701)
- music (1001)
- mysql (136)
- net (249)
- neta (2108)
- network (387)
- news (1849)
- niconico (278)
- nicovideo (228)
- nintendo (113)
- office (98)
- opensource (186)
- os (152)
- otaku (152)
- p2p (129)
- pc (912)
- performance (156)
- perl (406)
- phone (97)
- photo (697)
- photoshop (284)
- php (605)
- plugin (174)
- politics (506)
- presentation (147)
- program (222)
- programmer (98)
- programming (2071)
- prototype.js (96)
- psychology (141)
- rails (265)
- reading (120)
- recipe (139)
- reference (293)
- research (127)
- review (210)
- rss (391)
- ruby (398)
- ruby on rails (97)
- sbm (441)
- science (550)
- script (131)
- search (692)
- security (729)
- seo (382)
- server (252)
- service (785)
- shop (169)
- shopping (118)
- sns (709)
- social (429)
- society (1159)
- soft (199)
- software (1588)
- sports (142)
- study (306)
- summary (204)
- tech (198)
- technology (338)
- template (95)
- test (107)
- text (189)
- tips (2726)
- tmp (116)
- todo (99)
- tool (2284)
- tools (417)
- toread (360)
- travel (158)
- tutorial (360)
- tv (573)
- twitter (206)
- ui (509)
- unix (169)
- usability (206)
- video (662)
- vocaloid (129)
- web (5675)
- web design (98)
- web service (160)
- web2.0 (1309)
- webdesign (819)
- webservice (1368)
- webサービス (2450)
- webデザイン (1198)
- web制作 (1044)
- web開発 (98)
- wii (102)
- wiki (282)
- wikipedia (93)
- windows (1081)
- word (99)
- work (847)
- writing (151)
- xml (111)
- yahoo (223)
- youtube (924)
- × (102)
- あとで (972)
- あとで見る (125)
- あとで試す (113)
- あとで読む (2644)
- おたく (102)
- おもしろ (185)
- おもしろい (188)
- お役立ち (593)
- お笑い (94)
- ことば (118)
- これはすごい (1470)
- これはひどい (1752)
- これは便利 (218)
- つきあい|コミュ|組織 (157)
- なるほど (153)
- はてな (1249)
- はてなブックマーク (228)
- はてブ (305)
- まとめ (2325)
- まとめサイト (204)
- アイコン (162)
- アイデア (166)
- アクセス解析 (101)
- アニメ (577)
- アフィリエイト (152)
- アート (185)
- イベント (119)
- イラスト (179)
- インタビュー (252)
- インターネット (212)
- エロ (191)
- オタク (427)
- オープンソース (207)
- キャラ(擬人)型 (182)
- ケータイ (211)
- ゲーム (886)
- コミュニケーション (694)
- コラム (145)
- コンピュータ (98)
- サイエンス (136)
- サーバ (139)
- サービス (362)
- システム開発 (132)
- ジェネレータ (198)
- スポーツ (147)
- セキュリティ (622)
- ソフト (144)
- ソフトウェア (713)
- チュートリアル (193)
- チューニング (95)
- ツール (1053)
- テレビ (288)
- テンプレート (130)
- デザイン (1089)
- データベース (133)
- ニコニコ動画 (539)
- ニュース (732)
- ネタ (4712)
- ネット (536)
- ネットワーク (130)
- パソコン (147)
- ビジネス (949)
- ファッション (160)
- フォント (200)
- フリーソフト (438)
- ブラウザ (198)
- ブログ (989)
- プレゼン (162)
- プログラミング (1150)
- プログラム (312)
- プロジェクト管理 (105)
- マスコミ (392)
- マンガ (378)
- マーケティング (470)
- メディア (553)
- メディアリテラシー (150)
- メモ (195)
- メール (129)
- モバイル (274)
- ユーザビリティ (184)
- ライフハック (157)
- ライブラリ (228)
- リファレンス (142)
- リンク集 (162)
- レシピ (216)
- レビュー (113)
- 中国 (228)
- 事件 (305)
- 人 (120)
- 人物 (105)
- 人生 (576)
- 仕事 (1676)
- 仕事術 (641)
- 企業 (190)
- 会社 (107)
- 便利 (917)
- 便利ツール (154)
- 健康 (211)
- 写真 (533)
- 初音ミク (176)
- 労働 (390)
- 勉強 (290)
- 動画 (983)
- 医療 (189)
- 参考 (238)
- 同人 (123)
- 名言 (129)
- 国際 (217)
- 地図 (218)
- 増田 (274)
- 大学 (100)
- 学習 (179)
- 宇宙 (104)
- 宗教 (122)
- 小飼弾 (167)
- 就職 (112)
- 広告 (255)
- 後で読む (182)
- 心理 (442)
- 思想 (95)
- 性 (122)
- 恋愛 (294)
- 情報 (271)
- 技術 (339)
- 携帯 (375)
- 携帯電話 (228)
- 政治 (742)
- 教育 (511)
- 数学 (103)
- 文化 (318)
- 文章 (109)
- 料理 (207)
- 旅行 (124)
- 日本 (315)
- 日本語 (116)
- 映画 (247)
- 書籍 (162)
- 書評 (340)
- 未読 (121)
- 本 (750)
- 格差社会 (104)
- 梅田望夫 (138)
- 検索 (503)
- 検索エンジン (152)
- 歴史 (357)
- 池田信夫 (103)
- 法律 (187)
- 海外 (234)
- 漫画 (396)
- 犯罪 (282)
- 環境 (136)
- 生活 (773)
- 男女 (309)
- 画像 (790)
- 痛いニュース (111)
- 痛いニュース(ﾉ∀`) (237)
- 知識 (164)
- 社会 (2825)
- 科学 (394)
- 笑 (196)
- 素材 (498)
- 経営 (296)
- 経済 (585)
- 統計 (194)
- 考え方 (308)
- 考察 (498)
- 自己啓発 (139)
- 興味深い (167)
- 芸能 (210)
- 英語 (227)
- 萌え (154)
- 著作権 (796)
- 行政 (156)
- 言葉 (300)
- 記事 (336)
- 読み物 (1778)
- 読んだ (104)
- 読書 (188)
- 買い物 (179)
- 資料 (901)
- 起業 (94)
- 開発 (601)
- 雑学 (485)
- 非モテ (149)
- 音楽 (766)
- 食 (493)
- ５ 自律系(自由|私人) (97)
- ５演出表現|主張説得 (139)
- ６ 社会(人人)系 (134)
- web (5675)
- ネタ (4712)
- 2ch (2836)
- 社会 (2825)
- tips (2726)
- あとで読む (2644)
- blog (2563)
- webサービス (2450)
- まとめ (2325)
- tool (2284)
web_designとコーディングに関するwebmarksjpのブックマーク (1)
-
webmarksjp 2008/07/14
Web屋- CSS
- コーディング
- tips
- web_design
- webDesign
- IE6
- bug
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx