[B! tips][ie] mossamossaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mossamossa id:mossamossa

tipsã¨ieã«é–¢ã™ã‚‹mossamossaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

${{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}}

[CSS]IE9å¯¾å¿œã€IEã®å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹æ–¹æ³•ã®ã¾ã¨ã‚
IEã®å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ãã‚Œã‚‰ã®åˆ©ç‚¹ãƒ»æ¬ ç‚¹ã‚’æ¤œè¨Žã—ã€ã•ã‚‰ã«IE9ã¸ã©ã®ã‚ˆã†ã«å¯¾å¿œã—ãŸã‚‰ã‚ˆã„ã®ã‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ In defense of CSS hacks â€” introducing "safe CSS hacks" [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Conditional stylesheets -æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆï¼šã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ Conditional classnames -æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆï¼šclasså CSS hack -å®‰å…¨ãªCSS hackã¨ã¯ æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆï¼šclassåã¨CSS hackã®ã‚³ãƒ³ãƒ“ãƒãƒ¼ã‚·ãƒ§ãƒ³ [ad#ad-2] Conditional stylesheets -æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆï¼šã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ æ¡ä»¶ä»˜ã‚³ãƒ¡ãƒ³ãƒˆã¯Internet Explorerã®ç‰¹å®šã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã¹
mossamossa 2011/05/31
*webåˆ¶ä½œ

CSS

IE

tips

hack
ãƒªãƒ³ã‚¯
CSS+HTMLã®ã¿ã§å®Ÿè£…å‡ºæ¥ã‚‹ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† - ã‹ã¡ã³ã¨.net
cssã¨HTMLã‚¿ã‚°ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ã®ã¿ã§å®Ÿè£…å‡ºæ¥ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† ã§ã™ã€‚ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã¿ ã‚’css-playã‹ã‚‰æŽ¢ã—ãŸã®ã§ã€ ã¤ã„ã§ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ jsãŒä½¿ãˆãªã„ç’°å¢ƒã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ãŒã¦ã‚‰ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚css-playã‚’ä¸å¿ƒã«ã€ã‚ã¨ã¯ã‚°ã‚°ã£ãŸã‚ŠSBMã§æŽ¢ã—ãŸã‚Šã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ãƒªãƒ³ã‚¯å…ˆã‚’ã”ç¢ºèªä¸‹ã•ã„ã€‚css-playã¯ã‚½ãƒ¼ã‚¹ã‚’ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ãƒžãƒ«ãƒãƒ¬ãƒ™ãƒ«ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚å¯èƒ½ã€‚ demo ç¸¦ä¸¦ã³ã®ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ æ¨ªã«å‡ºã‚‹ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆã‚¿ã‚¤ãƒ—ã€‚ç”»åƒã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ demo ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ webkitç³»ã§ã‚‚mozã§ã‚‚IEã§ã‚‚cssã®ã¿ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã€‚ Cross-Browser CSS Gradient ãƒãƒƒã‚¯ã€ãƒ†ãƒ¼ãƒ–ãƒ«ã‚‚ä½¿ç”¨ã—ãªã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡
mossamossa 2010/06/18
css

ie

tips

ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
ã‚ãšã‹å››æ–‡å—ã§IE6/7/8ã‚’åŒºåˆ¥ã™ã‚‹CSSãƒãƒƒã‚¯ | ã‚³ãƒªã‚¹
ã€Œ\ã€ã€Œ9ã€ã€Œ*ã€ã€Œ_ã€ã®å››æ–‡å—ã ã‘ã§ã€IE6, IE7, IE8ã‚’åŒºåˆ¥ã™ã‚‹CSSãƒãƒƒã‚¯ã‚’Nettuts+ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ <textarea name="code" class="css" cols="60" rows="5"> body { color: red; /* all browsers, of course */ color : green\9; /* IE8 and below */ } </textarea>
mossamossa 2010/03/30
css

hack

ie

tips

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]IE6/7/8ã§ã‚‚CSS3ã®ã‚ˆã†ã«ãƒœãƒƒã‚¯ã‚¹ã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
<textarea name="code" class="css" cols="60" rows="5">  </textarea>
mossamossa 2010/03/18
css

ie

tips

*webåˆ¶ä½œ

ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦
ãƒªãƒ³ã‚¯
IEå…±é€šã®9ã¤ã®CSSãƒã‚°ã‚’ãã‚Œãžã‚Œè§£æ±ºã™ã‚‹æ–¹æ³•:phpspoté–‹ç™ºæ—¥èªŒ
IEå…±é€šã®9ã¤ã®CSSãƒã‚°ã‚’ãã‚Œãžã‚Œè§£æ±ºã™ã‚‹æ–¹æ³•ãŒNettutsã«ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã©ã‚Œã‚‚ã€ãªã‚“ã§ã ã‚ã†ã¨é ã‚’æ‚©ã¾ã—ãã†ãªå•é¡Œãªã®ã§è§£æ±ºæ³•ã‚’çŸ¥ã£ã¦ãŠãã¨ç°¡å˜ã«å¯¾å‡¦ã§ããã†ã§ã™ã€‚ 1. ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ãŒåŠ¹ã‹ãªã„å•é¡Œ margin: auto ã‚’æŒ‡å®šã—ãŸå ´åˆã®æœŸå¾…ã™ã‚‹çµæžœ IEã®å ´åˆä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ãŒâ†‘ã«ã™ã‚‹ãŸã‚ã®è§£æ±ºæ³•ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ 2. æ¨ªã«ä¸¦ã¹ãŸã„ãƒªã‚¹ãƒˆãŒéšŽæ®µçŠ¶ã«ãªã£ã¦ã—ã¾ã† IEã®å ´åˆä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ãŒã“ã®è§£æ±ºæ³•ã‚‚è¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ 3. ãƒ€ãƒ–ãƒ«ãƒžãƒ¼ã‚¸ãƒ³ãƒ•ãƒãƒ¼ãƒˆãƒã‚° ãƒžãƒ¼ã‚¸ãƒ³ã®æŒ‡å®šãŒæœŸå¾…é€šã‚Šã«å‡ºã¦ã„ã‚‹ä¾‹ â†“ IEã®å ´åˆã€margin: 30px 0 0 30px; Â ã§å®šç¾©ã—ãŸå€¤ãŒæ£ã—ãé©ç”¨ã•ã‚Œãªã„ä¾‹ã‚‚è§£æ±ºæ³•ãŒã‚ã‚Šã¾ã™ 4. heightã®é«˜ã•æŒ‡å®šãŒåŠ¹ã‹ãªã„ãƒã‚° height:2px ã‚’æŒ‡å®šã—ãŸå ´åˆã®æƒ³å®šã™ã‚‹è¡¨ç¤º IEã¯ãªãœã‹2pxã«ãªã‚‰ãªã„ã®ã§ã“ã‚Œã‚‚è§£æ±ºæ³•ãŒç¤ºã•ã‚Œã¦
mossamossa 2009/11/19
ie

tips

CSS

ãƒã‚°
ãƒªãƒ³ã‚¯
IEã§çµ¶å¯¾é…ç½®ï¼ˆposition:absoluteï¼‰ã®ãƒœãƒƒã‚¯ã‚¹ãŒæ¶ˆãˆã‚‹ãƒã‚°ã®æ¤œè¨¼
å…ˆæ—¥ã€å‹é”ã®ä¾é ¼ã§ XHTML+CSS ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ã„ãŸã¨ã“ã‚ã€position:absolute ã‚’æŒ‡å®šã—ãŸãƒœãƒƒã‚¯ã‚¹ãŒ Winç‰ˆIE6 ã§ã®ã¿è¡¨ç¤ºã•ã‚Œãªã„ã¨ã„ã†ç¾è±¡ã«å‡ºãã‚ã—ã¾ã—ãŸã€‚ã‚ã¡ã“ã¡èª¿ã¹ã¦ã¿ãŸã¨ã“ã‚ã€ã‹ãªã‚ŠåŽ„ä»‹ãª IE ã®ãƒã‚°ã®ã‚ˆã†ã§ã€æ¶ˆãˆã‚‹ã¨ãã®æ¡ä»¶ãŒã„ã‚ã„ã‚ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã®ã§ã€æ•´ç†ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšæœ€åˆã«è¦‹ã¤ã‘ãŸã®ãŒã€ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã€‚ Â» IEã§ position:absolute ã—ãŸè¦ç´ ãŒæ¶ˆãˆã‚‹ãƒã‚° ã“ã¡ã‚‰ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã®ã¯ã€float ã¨ clear ã«ã¯ã•ã¾ã‚ŒãŸ position:absolute ãŒæ¶ˆãˆã¦ã—ã¾ã†ç¾è±¡ã¨ãã®å¯¾ç–ã€‚ã§ã‚‚ã€ç§ãŒã¯ã¾ã£ãŸã‚±ãƒ¼ã‚¹ã§ã¯ã€position:abloslute ã®å‰ã«ã¯ float ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã« clear ã‚’è¿½åŠ ã—ã¦ã¿ã¦ã‚‚å½“ç„¶ãƒ€ãƒ¡ã€‚ã†ï½žã‚“ã€ãªãœã ãƒ»ãƒ»ãƒ» æ—¥æœ¬èªžã®ãƒªã‚½ãƒ¼ã‚¹ã‚’èª¿ã¹ã¦ã¿ã¦ã‚‚è§£æ±ºç–
mossamossa 2009/10/10
*webåˆ¶ä½œ

ãƒã‚°

css

ie

layout

tips
ãƒªãƒ³ã‚¯
amachang ã® ã€Œä¸€è¡Œã§ IE ã® JavaScript ã‚’é«˜é€ŸåŒ–ã™ã‚‹æ–¹æ³•ã€ã‚’æŽ˜ã‚Šä¸‹ã’ã¦ã¿ãŸ - latest log
2009-11-12 ãƒŠãƒ“åè¨˜æ³•ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸ æœ¬æ–‡ ä»Šæ—¥ã¯ã€amachangã•ã‚“ã®è¨˜äº‹ http://d.hatena.ne.jp/amachang/20071010/1192012056 ã‚’ 1mm ã ã‘æŽ˜ã‚Šä¸‹ã’ã€IE ä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ document ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’é€Ÿãã™ã‚‹æ–¹æ³•ãŒãªã„ã‹ã€è‰²ã€…è©¦ã—ã¦ã¿ã¾ã™ã€‚ # è¨˜äº‹è‡ªä½“ã¯ãšã„ã¶ã‚“å‰ã«æ›¸ãä¸Šã’ã¦ãŸã‘ã©ã€å…¬é–‹ã™ã‚‹ã®å¿˜ã‚Œã¦ãŸã‚“ã ãªã€‚ Cç³»ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚Cç³»ã¯ã€Œãƒã‚¹ãƒˆã—ãŸã‚¹ã‚³ãƒ¼ãƒ—ã‹ã‚‰ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã©ã†ãªã‚‹ã‹?ã€ãŒãƒ†ãƒ¼ãƒžã§ã™ã€‚ è©¦ã—ãŸã“ã¨ ä»¥ä¸‹ã¯æ§˜ã€…ãªæ–¹æ³•ã§ document ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹é€Ÿåº¦ã‚’è¨ˆæ¸¬ã—ã¾ã™ã€‚ Aç³»ã§ã¯ã€éžæ—¥å¸¸çš„ãªæ–¹æ³•ã§æ¸¬å®šã—ã€Bç³»ã§ã¯å®Ÿéš›ã®ç”¨æ³•ã«è¿‘ã„å½¢ã§æ¸¬å®šã—ã¾ã™ã€‚Cç³»ã§ã¯ä½•é‡ã«ã‚‚ãƒã‚¹ãƒˆã—ãŸã‚¹ã‚³ãƒ¼ãƒ—ã‹ã‚‰ã€ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã©ã†ãªã‚‹ã‹ã‚’æ¸¬å®šã—ã¾ã™ã€‚ Aç³» A0 ã¯ã€ç´ ã® document ã«
mossamossa 2009/01/02
javascript

tips

*webåˆ¶ä½œ

*ã‚ã¨ã§èªã‚€

ajax

ie
ãƒªãƒ³ã‚¯
IE6ã«PNGç”»åƒã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«ã‚’åŠ¹ã‹ã›ã‚‹æ–¹æ³•ã®ã¾ã¨ã‚ | Blog hamashun.com
æœ€è¿‘ã¯ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«ã‚’å«ã‚€PNGç”»åƒã‚’åˆ©ç”¨ã—ãŸã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ããŸã‚ˆã†ã«æ„Ÿã˜ã¾ã™ã€‚ 2008å¹´9æœˆå·ã®Web DesigningèªŒã§ã‚‚ç‰¹é›†ãŒçµ„ã¾ã‚ŒãŸã‚Šã¨ã€é–¢å¿ƒã‚‚é«˜ã¾ã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ãŸã ã€ãã“ã§å•é¡Œã¨ãªã‚‹ã®ã¯IE6ã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«å•é¡Œã€‚ ä½•ã‚‰ã‹ã®æ‰‹æ®µã§ã“ã‚Œã‚’è§£æ±ºã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ å°‘ã—å‰ã®ä»•äº‹ã§ã“ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹å¿…è¦ãŒã‚ã‚Šã€ã„ãã¤ã‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è©¦ã—ã¦ã¿ãŸã®ã§ã€ãã‚Œã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ãªãŠã€imgè¦ç´ ã§ã¯ãªãã€CSSã®èƒŒæ™¯ç”»åƒã§ä½¿ç”¨ã™ã‚‹å ´åˆã¨ã—ã¦æ¤œè¨¼ã—ã¾ã—ãŸã€‚ imgè¦ç´ ã«ã ã‘é©ç”¨ã—ãŸã„å ´åˆã«ã¯ã€ã‚‚ã£ã¨ã‚·ãƒ³ãƒ—ãƒ«ãªæ–¹æ³•ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ æ¦‚ãå…±é€šã™ã‚‹äº‹ æ¨™æº–æº–æ‹ ã®CSSã®ã¿ã§ã¯ä¸å¯èƒ½ IEã®ç‹¬è‡ªæ‹¡å¼µã®ã€filterãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ CSSå†…ã«è¨˜è¿°ã™ã‚‹æ–¹æ³•ã‚„htcãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½¿ã†æ–¹æ³•ã€JavaScriptã‚’ä½¿ã†æ–¹æ³•ã§ã‚‚ã€çµæžœçš„ã«ã¯ã“ã®filterãƒ—ãƒãƒ‘ãƒ†ã‚£ã®Alph
mossamossa 2008/09/26
css

ie

javascript

tips

*webåˆ¶ä½œ

â–²é€éŽpng

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[CSS]IE6ã§ã‚ˆãéé‡ã™ã‚‹6ã¤ã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³• | ã‚³ãƒªã‚¹
CSS Trickã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€IE6ã§ã‚ˆãéé‡ã™ã‚‹6ã¤ã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã®ç´¹ä»‹ã§ã™ã€‚ IE CSS Bugs Thatâ€™ll Get You Every Time ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ã®ãƒã‚° ãƒžãƒ¼ã‚¸ãƒ³ãŒäºŒå€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° min-width, min-heihgtã¨åŒç‰ã®æŒ‡å®š Stepdownãƒã‚° hoveræ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’aè¦ç´ ä»¥å¤–ã«ã‚‚å¯¾å¿œ é€éŽPNGã‚’é€éŽè¡¨ç¤ºã«å¯¾å¿œ ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ã®ãƒã‚° <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
mossamossa 2008/04/25
css

hack

ie

tips

*ã¾ã¨ã‚

*å‚è€ƒ
ãƒªãƒ³ã‚¯
Macã‚„Windowsã§è¤‡æ•°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’å…±å˜ã•ã›ã‚‹æ–¹æ³•ã„ã‚ã„ã‚ - DesignWalker
mossamossa 2008/04/07
browser

firefox

ie

mac

safari

tips

*webåˆ¶ä½œ

*ã¾ã¨ã‚

*å‚è€ƒ

check
ãƒªãƒ³ã‚¯
ç”»åƒã¨ã‹ã®æ¨ªã«ã‚ã‚‹ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸Šä¸‹ä¸å¤®ã«
â†ã“ã†ã„ã†æ„Ÿã˜ã§ã€ç”»åƒã®æ¨ªã«ã‚ã‚‹ãƒ†ã‚ã‚¹ãƒˆã‚’ç”»åƒã«å¯¾ã—ã¦ä¸Šä¸‹ä¸å¤®ã«ã™ã‚‹ã£ã¦ãƒ¼ã®ã¯ã€ä»Šã¾ã§å‡ºæ¥ãªã„ã¨æ€ã£ã¦ãŸã‚“ã™ã€‚ ã ã‘ã©ã‚‚ã€ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆã•ã‚“ã®è¨˜äº‹ã§ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ[æ—¥è¨˜] â‰« CSS ã§ç°¡å˜ã«ä¸Šä¸‹ä¸å¤®æƒãˆã‚’å®Ÿç¾ã™ã‚‹ã£ã¦ãŒç´¹ä»‹ã•ã‚Œã¦ãŸã®ã§ã€è©¦ã—ã¦è¦‹ã¾ã—ãŸï¼ display: table-cell;ãŒãƒã‚¤ãƒ³ãƒˆã«ãªã£ã¦ã¦ã€IEã¯ãƒãƒƒã‚¯ã§å¯¾å¿œã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ç”»åƒã¨ã‹ã®æ¨ªã«ã‚ã‚‹ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸Šä¸‹ä¸å¤®ã«ã™ã‚‹ã€‚ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆã•ã‚“ã¨ã¾ã‚‹ã£ã¨åŒã˜ã‚µãƒ³ãƒ—ãƒ«ã ã¨ã‚¢ãƒ¬ãªã®ã§ã€ã¡ã‚‡ã£ã¨ã ã‘å®Ÿç”¨çš„ãªæ„Ÿã˜ã§ã¤ãã£ã¦ã¿ã¾ã—ãŸã‚ˆã£ã¨ã€‚ ã¡ã‚‡ã£ã¨ã€IE6ã§ç¢ºèªã—ã¦ãªã„ã®ã§ã€ãƒ€ãƒ¡ã ã£ãŸã‚‰ã”é€£çµ¡ãã ã•ã„ã€‚ IE6å¯¾å¿œã—ã¾ã—ãŸã€‚ãƒãƒƒã‚¯ã®æ›¸ãæ–¹ãŒã„ã‘ãªã‹ã£ãŸã‚ˆã†ã§ã™ã€‚ã™ã¿ã¾ã›ã‚“ã€‚ div.centeringTest p { display: table-cell; vertical-align: middle;
mossamossa 2008/03/18
css

html

ie

layout

tips

web design

hack
ãƒªãƒ³ã‚¯
1