[B! float] webmarksjpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

webmarksjp id:webmarksjp

floatã«é–¢ã™ã‚‹webmarksjpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã‚ˆã‚‹å´©ã‚Œãªã„ã€€2ã‚«ãƒ©ãƒ ã€€3ã‚«ãƒ©ãƒ ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
webmarksjp 2008/07/15
css

å‹‰å¼·

ã‚ã¨ã§èªã‚€

*tips

layout

float

Webé–‹ç™º

html

learn
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ¼ãƒˆã¨ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã¾ã¨ã‚:CSS | Tech de Go
æ¼¬ç‰©ã¯æ–™ç†ã«ãŠã„ã¦é‡è¦ãªã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚’æä¾›ã—ã¾ã™ã€‚ ãã®é…¸å‘³ãŒã€é£Ÿäº‹ã®å‘³ã‚ã„ã‚’å¼•ãç· ã‚ã€æ–°ãŸãªæ·±ã¿ã‚’åŠ ãˆã‚‹å½¹å‰²ã‚’æžœãŸã—ã¾ã™ã€‚ ä¾‹ãˆã°ã€é…¢æ¼¬ã‘ã®æ¼¬ç‰©ã¯ã€ç‹¬ç‰¹ã®é…¸å‘³ã¨çˆ½ã‚„ã‹ã•ã§æ–™ç†å…¨ä½“ã‚’è»½ã‚„ã‹ã«ã—ã€æ²¹ã£ã½ã•ã‚’ä¸å’Œã—ã¾ã™ã€‚ ã“ã‚Œã«ã‚ˆã‚Šã€é£Ÿã¹æ‰‹ã®å£ã®ä¸ã‚’ã•ã£ã±ã‚Šã¨ã•ã›ã‚‹ã ã‘ã§ãªãã€é£Ÿæ¬²ã‚’å¢—é€²ã•ã›ã‚‹åŠ¹æžœã‚‚æœŸå¾…ã§ãã¾ã™ã€‚ ã¾ãŸã€å¡©æ¼¬ã‘ã®æ¼¬ç‰©ã‚‚ã¾ãŸé‡è¦ã§ã™ã€‚ å¡©ã®åŠ¹æžœã§é‡Žèœã‹ã‚‰æ°´åˆ†ã‚’æŠœãã€æ—¨å‘³ã‚’å‡ç¸®ã•ã›ã‚‹ã“ã¨ã§ã€æ–™ç†ã«æ·±ã„ã‚³ã‚¯ã¨é¢¨å‘³ã‚’åŠ ãˆã¾ã™ã€‚ ã“ã®å¡©å‘³ã¯æ–™ç†å…¨ä½“ã®ãƒãƒ©ãƒ³ã‚¹ã‚’æ•´ãˆã€é£Ÿäº‹ã‚’è±Šã‹ã«ã—ã¦ãã‚Œã¾ã™ã€‚ æ¼¬ç‰©ã®é…¸å‘³ãŒç”Ÿã‚€æ–™ç†ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã¯ã€æ–™ç†ã®ç¨®é¡žã‚„å£ç¯€ã«ã‚ˆã£ã¦ã‚‚ç•°ãªã‚Šã¾ã™ã€‚ å¤ã«ã¯ã•ã£ã±ã‚Šã¨ã—ãŸé…¢æ¼¬ã‘ã®æ¼¬ç‰©ãŒã€å†¬ã«ã¯å¡©æ¼¬ã‘ã®æ¼¬ç‰©ãŒç‰¹ã«é‡å®ã•ã‚Œã¾ã™ã€‚ å£ç¯€æ„Ÿã‚„åœ°åŸŸã®é£Ÿæã¨æ¼¬ç‰©ã®çµ„ã¿åˆã‚ã›ã‚’å·¥å¤«ã™ã‚‹ã“ã¨ã§ã€æ–™ç†ã®é…åŠ›ãŒã•ã‚‰ã«å¼•ãç«‹ã¡ã¾ã™ã€‚ æ¼¬ç‰©ã¯å˜ãªã‚‹ä»˜ã‘åˆã‚ã›ã§ã¯ãªãã€é£Ÿäº‹ã®ä¸€éƒ¨ã¨ã—ã¦ãã®é‡è¦æ€§ã‚’å¢—
webmarksjp 2008/07/15
CSS

webåˆ¶ä½œ

margin

layout

ie

html

float

dev

design
ãƒªãƒ³ã‚¯
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>
webmarksjp 2008/07/15
css

web production

tips

*webåˆ¶ä½œ

html

float
ãƒªãƒ³ã‚¯
ADP: floatãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã¤ã¾ã¥ã‹ãªã„ãŸã‚ã®Tips
webmarksjp 2008/07/15
css

modx

webãƒ‡ã‚¶ã‚¤ãƒ³

*css

float

tips

css63
ãƒªãƒ³ã‚¯
CSSã§floatã‚’æŒ‡å®šã—ãŸãƒœãƒƒã‚¯ã‚¹ã‚’å«ã‚€ãƒœãƒƒã‚¯ã‚¹ã®èƒŒæ™¯ãŒå‡ºãªããªã‚‹ä»¶ - Fsiki
ã€ŒCSSã§æ®µçµ„ã—ãŸã‚‰Firefoxã§èƒŒæ™¯ãŒå‡ºããƒ¼ã‚ˆã£ã€ã¦è©±ã‚’ã‚ˆãèžãã®ã§è‰²ã€…è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ å…ƒã«ãªã‚‹HTML ç‰¹ã«ä½•ã‚‚è€ƒãˆãšfloatã‚’ä½¿ã£ãŸå ´åˆ å¤–ã®ãƒœãƒƒã‚¯ã‚¹ã«å¹…ã‚’ä¸Žãˆã¦ã¿ã‚‹ ä¸€èˆ¬çš„ãªè§£æ±ºæ–¹æ³• ãã®ä»–ã®è§£æ±ºæ–¹æ³• overflowã‚’ä½¿ã† æœ€çµ‚å›žç” ç•ªå¤–ç·¨ æ›´æ–°å±¥æ´ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ã¤ã„ã¦ å…ƒã«ãªã‚‹HTML <div id="container"> <div class="leftBox">å†…å®¹</div> <div class="rightBox">å†…å®¹</div> </div> ä¾‹1(ãƒ–ãƒã‚°) class="leftBox"ã®ãƒœãƒƒã‚¯ã‚¹ã®å†…å®¹ã¯ã€Œã‚µã‚¤ãƒ‰ãƒãƒ¼ã€ã€‚class="rightBox"ã®å†…å®¹ã¯ã€Œè¨˜äº‹éƒ¨åˆ†ã€ã€‚ ä¾‹2(ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆ) class="leftBox"ã®ãƒœãƒƒã‚¯ã‚¹ã®å†…å®¹ã¯ã€Œãƒãƒ¼ã‚«ãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€‚class="rightBox"ã®å†…å®¹ã¯ã€Œæƒ…å ±ã€ã€‚ ä¾‹3
webmarksjp 2008/07/14
css

web

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

CSSãƒãƒƒã‚¯

float

èƒŒæ™¯

tips

webdesign

hacks
ãƒªãƒ³ã‚¯
ä¿—ã«è¨€ã† clearfix ã¨è¨€ã‚ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³è‰²ã€… - lucky bag
clearfix ãƒã‚¿ã«ä¹—ã£ã‹ã£ã¦ã¿ã‚‹ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã‚ãã‚‹å†’é™º: CSSå®Ÿé¨“å®¤: clearfixã®æ±ºå®šç‰ˆã‚’ä½œã‚‹ ï¼ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ç·¨ï¼ clearfixã¯ã¡ã‚ƒã‚“ã¨è€ƒãˆã‚‰ã‚Œã¦ãŸ .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .clearfix { _height: 1px; min-height: 1px; /*ï¿¥*//*/ height: auto; overflow: hidden; /**/ } ãƒ›ãƒƒãƒ—æœ¬ã§ã‚‚ã†ãƒ¼ãŸã‚“ãŒè§£èª¬ã—ã¦ã‚‹ã‚“ã ã‘ã©ã€æ§‹é€ ã«æ‰‹ã‚’åŠ ãˆãšã« float ã‚’ clear ã•ã›ã‚‹ãŸã‚ã®ã„ã‚ã‚†ã‚‹ clearfix ã£ã¦ã‚„ã¤ã€‚çµæ§‹è‰²ã€…ãªã‚µã‚¤ãƒˆã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã®ã‚’ç›®ã«ã™ã‚‹ã¨æ€ã†ã‘ã©ã€æœ€åˆã® content ç”Ÿæˆã—ã¦ clear ã•ã›ã‚‹
webmarksjp 2008/07/14
html

webdesign

CSS

hack

clearfix

float

tutorial

*css
ãƒªãƒ³ã‚¯
æ§‹é€ ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãªã—ã§ãƒ•ãƒãƒ¼ãƒˆã‚’ã‚¯ãƒªã‚¢ã™ã‚‹æ–¹æ³•
webmarksjp 2008/07/14
css

design

web

clearfix

float

How to

CSS hack
ãƒªãƒ³ã‚¯
æµ®å‹•å°æ•°ç‚¹æ¼”ç®—ã§ã¯ã¾ã£ãŸè©± - bkãƒ–ãƒã‚°
æµ®å‹•å°æ•°ç‚¹æ¼”ç®—ã§ã¯ã¾ã£ãŸè©± æµ®å‹•å°æ•°ç‚¹æ¼”ç®—ã®ã‚ã‚ŠãŒã¡ãªå•é¡Œã§ã¯ã¾ã‚Šã¾ã—ãŸã€‚ ã„ã‚ã„ã‚èª¿ã¹ã¦ã„ã‚‹ã†ã¡ã« x86 ç‰¹æœ‰ã®ã¡ã‚‡ã£ã¨ãŠã‚‚ã—ã‚ã„ ç¾è±¡ã«éé‡ã—ãŸã®ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‘ãƒ¼ã‚»ãƒ³ãƒ†ãƒ¼ã‚¸ã®è¨ˆç®— ç°¡å˜ãª C ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§ãƒ‘ãƒ¼ã‚»ãƒ³ãƒ†ãƒ¼ã‚¸ã‚’è¨ˆç®—ã—ã‚ˆã†ã¨æ€ã„ã€ æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¾ã—ãŸã€‚ int x, y; ... int a = (double)x / y * 100; int a = x * 100 / y ã¨ã—ãªã„ã®ã¯ã€ x ãŒå¤§ãã„å ´åˆã« x * 100 ãŒ ã‚ªãƒ¼ãƒãƒ¼ãƒ•ãƒãƒ¼ã‚’èµ·ã“ã™ (INT_MAX ã‚’è¶Šãˆã‚‹) ãŸã‚ã§ã™ã€‚ ã“ã®ã‚³ãƒ¼ãƒ‰ã¯ä¸€è¦‹ã€æœŸå¾…é€šã‚Šã«å‹•ã„ã¦ã„ãŸã®ã§ã™ãŒã€ ã—ã°ã‚‰ãä½¿ã£ã¦ã„ã‚‹ã¨ã€æ‰‹å…ƒã®ç’°å¢ƒã§ã¯ x = 53, y = 100 ã®ã¨ãã« a ã¯ 53 ã§ã¯ãªã 52 ã«ãªã‚‹ã“ã¨ã«æ°—ã¥ãã¾ã—ãŸã€‚ ã“ã‚Œã¯æ¬¡ã®ç†ç”±ã«ã‚ˆã‚Šã¾ã™ã€‚ å¼ã®æœ€åˆã® (double)53 / 10
webmarksjp 2008/07/14
asm

float

*programming

programming

tips

c

binary

x86
ãƒªãƒ³ã‚¯
floatã¯ã€Œå›žã‚Šè¾¼ã¿ã€ã§ã¯ãªã„:ã¦ã‚“ã½
ã€ŒCSSã®floatãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€Žå›žã‚Šè¾¼ã¿ã€ã•ã›ã‚‹ã‚‚ã®ã§ã‚ã‚‹ã€ã¨ã‚ˆãèª¬æ˜Žã•ã‚Œã¾ã™ãŒã€ãã‚Œã¯ç‰¹å®šæ¡ä»¶ä¸‹ã§ã®è¡¨ç¤ºçµæžœãŒãã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã ã‘ã§ã‚ã£ã¦ã€ã‚ã¾ã‚Šæ£ç¢ºã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã€Œå›žã‚Šè¾¼ã¿ã€ã¨ã„ã†è¡¨ç¾ã¯floatã‚’ä½¿ã„ã“ãªã™ã†ãˆã§ã€èªžå¼Šã«ãªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ floatã¨ã¯ã€é€šå¸¸ã®æµã‚Œï¼ˆnormal flowï¼‰ã‹ã‚‰å–ã‚Šé™¤ãã€å·¦ï¼ˆã¾ãŸã¯å³ï¼‰ã«å¯„ã›ã‚‹ã§ã™ã€‚ floatã¯ã€Œå›žã‚Šè¾¼ã¿ã€ã§ã¯ãªã„ <p> <img src="xxx.jpg" alt="floating image"> ã€Œå›žã‚Šè¾¼ã‚€ã€ãƒ†ã‚ã‚¹ãƒˆ </p> ã“ã®ã¨ãimgè¦ç´ ã‚’å·¦ã«ãƒ•ãƒãƒ¼ãƒˆã•ã›ãŸï¼ˆfloat:leftï¼‰ãªã‚‰ã€å¾Œç¶šã™ã‚‹ãƒ†ã‚ã‚¹ãƒˆã¯imgã®å³å´ã«ã€Œå›žã‚Šè¾¼ã¿ã€ã¾ã™ã€‚ ã“ã‚Œã¯ç¢ºã‹ã«å›žã‚Šè¾¼ã¿ã¨å‘¼ã¹ã¾ã™ã€‚ ã§ã¯ã€ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã‚’ãƒ•ãƒãƒ¼ãƒˆã•ã›ãŸå ´åˆã¯ã©ã†ã§ã—ã‚‡ã†ã‹ã€‚ <div style="width:100px; float:left;"
webmarksjp 2008/07/14
web

html

css

tips

definition

float

*css
ãƒªãƒ³ã‚¯
floatã¨positionã®ä½¿ã„åˆ†ã‘
CSSã§æ®µçµ„ã‚’ã‚„ã‚‹ã«ã¯æ™®é€šfloatã‹positionã‚’ä½¿ã„ã¾ã™ãŒã€ã©ã®ã‚ˆã†ã«ä½¿ã„åˆ†ã‘ã‚‹ã®ã‹ã€‚ ã“ã‚Œã¯ã„ã‚ã„ã‚ã¨è©¦è¡ŒéŒ¯èª¤ã—ã¦ã„ã‚‹ã†ã¡ã«ã‚ã‹ã£ã¦ãã‚‹ã‚‚ã®ãªã®ã§ã€ã€Œãã‚“ãªã“ã¨çŸ¥ã£ã¦ã‚‹ã€ã¨ã„ã†äººã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ æ¡ä»¶ã¨ã—ã¦ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã€‚ HTMLã®è¨˜è¿°é †ã¯ã€Œï¼ˆãƒ˜ãƒƒãƒ€â†’ï¼‰è¨˜äº‹â†’ã‚µã‚¤ãƒ‰ãƒãƒ¼ï¼ˆâ†’ãƒ•ãƒƒã‚¿ï¼‰ã€ã‚’å®ˆã‚‹ è¨˜äº‹é ˜åŸŸã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®é•·ã•ã¯ãƒšãƒ¼ã‚¸ã«ã‚ˆã£ã¦ç•°ãªã‚‹ï¼ˆã©ã¡ã‚‰ãŒé•·ããªã‚‹ã‹ã‚ã‹ã‚‰ãªã„ï¼‰ ã‚µã‚¤ãƒ‰ãƒãƒ¼ã¨ãƒ•ãƒƒã‚¿ã®æ–‡å—ãŒé‡ãªã‚‹ã€ã¨ã‹ã¯é§„ç›® floatã¨positionã®é•ã„ã¯ã€ã€Œfloatã¯ä¸‹æ–¹å‘ã«èžé€šãŒåˆ©ãã€ã®ã«å¯¾ã—ã€ã€Œpositionã¯ä¸Šæ–¹å‘ã«èžé€šãŒåˆ©ãã€ã¨ã„ãˆã¾ã™ã€‚ ä½•ã®ã“ã¨ã‹ã•ã£ã±ã‚Šã‚ã‹ã‚‰ãªã„ã¨æ€ã„ã¾ã™ãŒã€ã¤ã¾ã‚Šã“ã†ã„ã†ã“ã¨ã§ã™ã€‚ ãƒ•ãƒãƒ¼ãƒˆã¯ã‚½ãƒ¼ã‚¹ä¸Šã§è‡ªèº«ã‚ˆã‚Šå…ˆã«å‡ºç¾ã™ã‚‹è¦ç´ ã‚ˆã‚Šä¸Šã«ã¯é…ç½®ã•ã‚Œãªã„ï¼ˆpositionã¨ã®é•ã„ï¼‰ clearã«ã‚ˆã£ã¦ãƒ•ãƒãƒ¼ãƒˆã‚ˆã‚Šå¾Œã«å‡ºç¾ã™ã‚‹
webmarksjp 2008/07/13
css

webdesign

position

float

*webdesign

tips

layout
ãƒªãƒ³ã‚¯
hail2u.net - Weblog - IEã§ãƒ•ãƒãƒ¼ãƒˆã•ã›ãŸãƒœãƒƒã‚¯ã‚¹ã®ãƒžãƒ¼ã‚¸ãƒ³ãŒå€ã«ãªã‚‹ãƒã‚°
Windowsã®IE5.5ã‚„6ãªã©(5ã¨ã‹5.01ã¯çŸ¥ã‚‰ãªã„)ã«ã¯floatã•ã›ãŸãƒœãƒƒã‚¯ã‚¹ã¸æŒ‡å®šã—ãŸå·¦å³ã®marginãŒæ£å¸¸ã«åæ˜ ã•ã‚Œãªã„(å€ã«ãªã‚‹)ã¨ã„ã†ãƒã‚°ãŒã‚ã‚Šã¾ã™ã€‚æœ€è¿‘ã¯floatã‚’ä½¿ã£ã¦ã‚´ãƒ‹ãƒ§ã‚´ãƒ‹ãƒ§ã™ã‚‹æ©Ÿä¼šã‚‚å¤šã„ã¨æ€ã†ã®ã§åŽ„ä»‹ã«è€ƒãˆã¦ã„ã‚‹äººã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚å®Ÿã¯display: inline;ã¨ã‹æŒ‡å®šã—ã¦ã‚„ã‚‹ã¨å›žé¿ã§ãã¡ã‚ƒã£ãŸã‚Šã¨ã‹ã—ã¾ã™ã€‚ãƒã‚¿å…ƒã¯The IE Doubled Float-Margin Bugã ã£ãŸã‚ˆã†ãªæ°—ãŒã—ã¾ã™ãŒã€åˆ¥ãªã¨ã“ã‚ã§è¦‹ã¤ã‘ãŸã‚ˆã†ãªæ°—ã‚‚ã™ã‚‹ã€‚ ãƒã‚°ã®çŠ¶æ³è‡ªä½“ã¯ä¸Šè¨˜CSSãƒã‚°ãƒªã‚¹ãƒˆã®URLã‚’å‚ç…§ã—ã¦ã„ãŸã ã‘ã‚Œã°ã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ã¨è¨€ã„ã¤ã¤å›žé¿æ‰‹æ®µã®ä½¿ç”¨å‰/å¾Œã‚’ä¸¦ã¹ã¦ã¿ãŸHTMLã‚’ç”¨æ„ã—ã¦ã¿ã¾ã—ãŸã€‚IEã§è¦‹ã‚Œã°ä¸€ç›®çžç„¶ã§ã€1ã¤ç›®ã®ã‚³ãƒ³ãƒ†ãƒŠå†…ã®ãƒ•ãƒãƒ¼ãƒˆã•ã›ãŸãƒœãƒƒã‚¯ã‚¹ã®å·¦ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯å€(80px)ã«ãªã£ã¦ã„ã‚‹ã®ã«å¯¾ã—ã€2ã¤ç›®ã®ã‚³ãƒ³ãƒ†ãƒŠå†…ã®ãƒ•ãƒãƒ¼ãƒˆã•ã›ãŸãƒœãƒƒã‚¯ã‚¹ã®
webmarksjp 2008/07/13
Web

ãƒ‡ã‚¶ã‚¤ãƒ³

CSS

ie

bug

float

ãƒã‚°
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ¼ãƒˆãƒœãƒƒã‚¯ã‚¹ãŒä¸¦ã‚“ã æ™‚ã®å³ç«¯ã®ãŒã‚«ãƒ©ãƒ è½ã¡ã—ãªã„æ–¹æ³•ã¿ãŸã„ãªã®ã¨IEã®ã‚³ãƒ¡ãƒ³ãƒˆãƒã‚°
ã‚¿ã‚¤ãƒˆãƒ«ãŒé•·ã„â€¦ ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã®ä¾¡å€¤ã‚’èª¿ã¹ã‚‹10ã®æŒ‡æ¨™ã¨ãƒ„ãƒ¼ãƒ«ï½œå‰å‘ãã‚¹ãƒˆãƒ©ãƒ†ã‚¸ãƒ¼ 10ç•ªç›®ã®ã§ã“ã®ãƒ–ãƒã‚°ã‚’èª¿ã¹ã‚‹ã¨æ³£ããŸããªã‚‹ãã‚‰ã„å®‰ã„ã‘ã©ã€ãƒœã‚¯ã¯é ‘å¼µã‚ã†ã¨æ€ã£ãŸä»Šæ—¥ã“ã®é ƒã€çš†æ§˜æš‘ã•ã«ãƒãƒ†ã¦ã„ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿãƒœã‚¯ã¯ã—ã£ã‹ã‚Šãƒãƒ†ã¦ãƒ€ãƒ¬ã¦ã¾ã™ã€‚ã‚ã‚“ã¾ã‚Šä»•äº‹ã—ã¦ã¾â€¦ï¼ˆåŠ è—¤ã•ã¾ã«çµ¦ä¸Žæ¸›ã‚‰ã•ã‚Œã‚‹ã®ã§è‡ªé‡ã—ã¾ã—ãŸï¼‰ ã•ã¦ã€ãã‚“ãªè¨³ã§æœ¬é¡Œã§ã™ãŒã€ä¸‹è¨˜ã¿ãŸã„ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ™‚ã®ãŠè©±ã§ã™ã€‚ ä¸€ç•ªæ›¸ããŸã‹ã£ãŸãƒ•ãƒãƒ¼ãƒˆãƒœãƒƒï¼ˆç•¥ï¼‰ã¿ãŸã„ãªã® ã‚µãƒ³ãƒ—ãƒ«ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ä»Šå›žã®æœ¬é¡Œã¯ã€Œã»ã’ã»ã’ã€ã£ã¦æ›¸ã„ã¦ã‚ã‚‹ã¨ã“ã‚ã®ãƒœãƒƒã‚¯ã‚¹ã«é–¢ã—ã¦ã ã‘æ›¸ãã¤ã‚‚ã‚ŠãŒéŠã‚“ã§ã„ã‚‹ã‚¦ãƒã«æ°—ã«ãªã£ãŸäº‹ãŒã‚ã£ãŸã®ã§ãã¡ã‚‰ã‚‚æ›¸ã“ã†ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ ä½•ã¯ã¨ã‚‚ã‚ã‚Œã€ã“ã®ã€Œã»ã’ã»ã’ãƒœãƒƒã‚¯ã‚¹ã€ã§ã™ãŒã€main areaã¯10pxã®paddingãŒæŒ‡å®šã•ã‚Œã¦ã¦ã€ãã®ä¸ã«ã“ã‚“ãªæ„Ÿã˜ã§ã´ã£ãŸã‚Šãªãƒœãƒƒã‚¯ã‚¹ãŒã½ã“ã½ã“ä¸¦ã¶ã¨ãã£ã¦ã€
webmarksjp 2008/07/13
css

ã‚«ãƒ©ãƒ è½ã¡

IE7

float

hack

webDesign

tips

IE6

bug
ãƒªãƒ³ã‚¯
Lucky bag::blog: Re: CSSã®è¬Ž
CSSã®è¬Ž CSS ã«ã‚ˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§èº“ã„ãŸã“ã¨ã‚’æ›¸ã‹ã‚Œã¦ã„ã¦ã€ãã®ä¸ã§ä¸‹è¨˜ã®éƒ¨åˆ†ã«æ³¨ç›®ã—ã¦ã¿ãŸã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸ã«ç”»åƒãŒå…¥ã£ãŸã‚µãƒ³ãƒ—ãƒ«ï¼’ã‚’IEã§è¦‹ã¦ä¸‹ã•ã„ã€‚ã‚¦ã‚¤ãƒ³ãƒ‰ã‚’ç¸®å°ã—ã¦ã„ã£ã¦ç”»åƒã®å¹…ãŒå…¥ã‚Šãã‚‰ãªããªã‚‹ã¨ãƒ»ãƒ»ãƒ»ç”»åƒãŒãƒ¡ãƒ‹ãƒ¥ãƒ¼BOXã®ä¸‹ã®é«˜ã•ã¾ã§è½ã¡ã¦ã—ã¾ã„ã¾ã™ã€‚ ä¸Šè¨˜ã‚µã‚¤ãƒˆã§ã¯ float ã‚’ä½¿ã£ãŸ 2 æ®µçµ„ã®å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã®è§£æ±ºæ–¹æ³•ãŒã¾ã è¦‹ã¤ã‹ã£ã¦ã„ãªã„ã‚ˆã†ãªæ„Ÿã˜ã ã£ãŸã®ã§ã€ã¡ã‚‡ã£ã¨ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦è§£æ±ºæ–¹æ³•ã‚’æç¤ºã—ã¦ã¿ã‚‹ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’ç”¨æ„ã™ã‚‹ ãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ†ãŒå¯å¤‰å¹…ã§ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒå›ºå®šå¹…ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ç”¨æ„ã—ãŸã€‚æ§‹é€ ã¨ã—ã¦ã¯ä¸‹å›³ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã€ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã‚’åˆ©ç”¨ã—ã¦å·¦ã®ãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå¯å¤‰å¹…ã€å³ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒå›ºå®šå¹…ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã€‚ã¡ãªã¿ã«ã‚„ã£ã¤ã‘ã§ä½œã£ãŸã‚“ã§ã€ã‹ãªã‚Šç²—ãŒã‚ã£ãŸã‚Šã™ã‚‹ã£ã¤ã†ã‹ã€ã‹ãªã‚Šãƒ†ã‚ãƒˆãƒ¼ã€‚ ãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ç”»åƒãŒã‚ã‚‹éš›ã® IE
webmarksjp 2008/07/12
programming

design

web

css

MovableType

float

bug
ãƒªãƒ³ã‚¯
1