ãããã¯èŠçŽ ãäžå€®å¯ãã«ã¬ã€ã¢ãŠãããå Žåãå·Šå³marginãautoã«èšå®ããã®ãæ£ããCSSã®æžãæ¹ã§ãããIE6ã®éå»äºæã¢ãŒãã§ã¯ãããæ£ããåäœããªãã®ã¯æåã§ãã
ããã§ãIEã®ããã«èŠªããã¯ã¹ã«text-align:center
ãé©çšããäžå€®å¯ãã«ãããšãããããããŠããŠãšåŒã¹ãªãããªããã¯ããã¯ãåœããåã®ããã«äœ¿ãããŠããŸãã
text-alignããããã£ã¯ç¶æ¿ãããŸãããã芪ããã¯ã¹ã«text-align:center
ãèšå®ããå Žåãåå«ããã¯ã¹ã§ã¯text-align:left
ãšæ¹ããŠèšå®ããŠå€ãäžæžãããããšãã»ãšãã©ã§ãããã®text-alignã®äžæžããé¢åãªã®ã¯ãã¡ããã§ãããæå³ããªãåå«èŠçŽ ã«ãŸã§åœ±é¿ãåãã§ããŸãã®ã§ãã§ãããªããã®ãã¯ããã¯ã¯äœ¿ããããªããªãŒããšããã®ãç§ã®èãã§ããããã§ãtext-align:center
ã䜿ããã«ãªããšãããããšããã¢ã€ãã¢ãã玹ä»ããŸãã
芪ããã¯ã¹ã div#wrapper ã§å¹
400pxãäžå€®å¯ãã«ãããåããã¯ã¹ã div#content ã§å¹
300pxãšããäŸã§ã³ãŒããèããŠãããŸããæ¬¡ã®ã³ãŒãã¯ãtext-align:center
ã䜿ã£ãäžè¬çãªãã®ã§ãã
div#wrapper {
width: 400px;
text-align: center;
}
div#content {
width: 300px;
margin: 0 auto;
text-align: left;
}
ããã以äžã®ããã«ããããšã§ãtext-align:center
ã䜿ããã«ãåã衚çŸãããããšãã§ããŸãã
div#wrapper {
width: 400px;
}
div#content {
width: 300px;
margin: 0 auto 0 50px;
}
å®éã«äžå€®å¯ãã«ããå Žåã«å·Šå³ã«ç©ºãmarginãèšç®ããåããã¯ã¹ã®å·Šmarginã«èšå®ããŠãããå³marginã¯autoã«ããŸããããã§ãtext-align:left
ã®ãŸãŸãäž»èŠãªãã©ãŠã¶å
šãŠã§äžå€®å¯ããå®çŸã§ããŸãã
ãã®ã³ãŒããIE6ã®äºæã¢ãŒãã§è¡šç€ºããã®ããæ¬¡ã®ã¹ã¯ãªãŒã³ã·ã§ããã§ããïŒå®éã¯èŠãããããããã«background-color
ãpadding
ã䜵çšããŠããŸãïŒ
ãã ãã匱ç¹ããããŸãã芪ããã¯ã¹ãå¹
åºå®ã®ã¬ã€ã¢ãŠãã«éã£ãŠæå¹ãªãã¯ããã¯ãªã®ã§ããªãããã¬ã€ã¢ãŠãããšã©ã¹ãã£ãã¯ã¬ã€ã¢ãŠãã§ã¯äœ¿ããªãã®ã¯ãã¡ãããbodyèŠçŽ ãçŽæ¥å«ãããã¯ã¹ã«ã¯äœ¿ããªãïŒbodyèŠçŽ ã¯ãŠã£ã³ããŠãµã€ãºã«ãã£ãŠå¹
ãå€ããããïŒãšããç¹ã§ãã
å¹
åºå®ã¬ã€ã¢ãŠãã§ã¯çµ¶å€§ãªïŒïŒïŒåšåãçºæ®ããŸãã
ã¡ãã£ãšããCSSã®ã¢ã€ãã¢ãªã®ã§ãããããŸã䜿ã£ãŠã人èŠãããªããª?ãšæã£ãã®ã§ã玹ä»ããããšæããŸããã