Ǥ°Õ¤ÎÍ×ÁǤò¾ï¤Ë¡Ê¥¹¥¯¥í¡¼¥ë¤·¤Æ¤â¡Ë²èÌ̤ÎÃæ±û¤ËÇÛÃÖ

• Í×ÁǤò¾ï¤Ë²èÌ̤ÎÃæ±û¤ËÇÛÃÖ

ÀèÆü¤ÎCSS¤Ç²èÁü¥Ý¥Ã¥×¥¢¥Ã¥×¤Ë³¤¤¤ÆºÆ¤ÓÏ®¤Ã¤Æ¤ß¤Þ¤·¤¿¡£¼ÂÍÑÀ­¤Ï³Î¤«¤ËÈù̯¤Ç¤¹¤Í¡£¤Ç¤â³Æ½ê¥Õ¥©¡¼¥é¥à¤ò²ó¤Ã¤Æ¤¤¤ë¤È¤³¤Î¼ê¤Î¼ÁÌä¤â¾¯¤Ê¤¯¤Ê¤¤¤Î¤Ç°Õ³°¤È¼ûÍפ¬¤¢¤ë¤«¤â¤·¤ì¤Þ¤»¤ó¡£¤Þ¤¢ÂçÄñ¤Î¾ì¹ç¤Ï¥Æ¡¼¥Ö¥ë¥ì¥¤¥¢¥¦¥È¤Ç²ò·è¤·¤Æ¤·¤Þ¤¦¾ì¹ç¤¬Â¿¤¤¤Î¤Ç¤¹¤¬¡£

¿§¡¹½ñ¤¯¤Î¤Ï¥¹¥Ú¡¼¥¹Åª¤Ë̵Íý¤¬¤¢¤ê¤Þ¤¹¤·¡¢¼ÂºÝ¤Ë¤³¤Î¥Ú¡¼¥¸¤Çɽ¸½¤¹¤ë¤Ë¤·¤Æ¤Ï»ö¾ð¤¬Æüì¤Ê¤Î¤Ç¥µ¥ó¥×¥ë¤òÃÖ¤¤¤Æ¤ª¤³¤¦¤È»×¤¤¤Þ¤¹¡£¤â¤Á¤í¤óƱ¤¸Êª¤ò½ñ¤¤¤Æ¤â¤¿¤À¤Î¥Ñ¥¯¥ê¤Ç²¿¤Î°ÕÌ£¤âÀ®¤µ¤Ê¤¤¤Î¤Ç¼ê¤ò²Ã¤¨¤Æ¤¤¤Þ¤¹¡£e-luck¤µ¤ó¤Î¥µ¥ó¥×¥ë¤Ç¤Ï¡¢¤ª¤½¤é¤¯¥¹¥¯¥í¡¼¥ë¤¬À¸¤¸¤¿»þ¤Ë²èÌÌÃæ±û¤Ë¤Ïɽ¼¨¤µ¤ì¤Ê¤¯¤Ê¤Ã¤Æ¤·¤Þ¤¦¤È»×¤¦¤Î¤Ç¡¢¤½¤ÎÊÕ¤ê¤òÃæ¿´¤Ë²Ã¹©¤·¤Æ¤ß¤Þ¤·¤¿¡Ê¥¢¥¤¥Ç¥£¥¢¤À¤±Ìã¤Ã¤Æ¾¡¼ê¤ËÍøÍѤ·¤Æ¤·¤Þ¤Ã¤Æ¤¹¤¤¤Þ¤»¤ó¡Ë¡£ºÇ½é¤ËÃǤäÆÃÖ¤­¤Þ¤¹¤¬±ÜÍ÷ÁÛÄê´Ä¶­¤Î¤ß¤Ç¤·¤«³Îǧ¤·¤Æ¤¤¤Þ¤»¤ó¤Î¤Ç¤´Ãí°Õ²¼¤µ¤¤¡£

• center.html

<p id="cent">
Ãæ±û¤Ëɽ¼¨¤µ¤»¤¿¤¤Í×ÁÇ
</p>
<div id="waku">
fixed¤¬¸ú¤«¤Ê¤¤IEÍѤε¼»÷body¤ÎÍͤʤâ¤Î
</div>

html,body {
    margin:0px;
    padding: 0px;
}
body {
    background:#fff;
    height: 100%;
    _overflow: hidden;
}
div#waku {
    overflow: auto;
    height: 100%;
}
p#cent {
    position:fixed;
    left: 50%;
    top: 50%;
    border: 1px solid blue;
    _position: absolute;
    width: 160px;
    height: 120px;
    margin-left: -80px;
    margin-top: -60px;
}

²¿¤ÎÀâÌÀ¤â̵¤¤¤Î¤ÏÉÔ¿ÆÀڤʤΤǴÊñ¤Ë½ñ¤­¤Þ¤¹¡£Ãæ±û¤Ëɽ¼¨¤µ¤»¤¿¤¤Í×ÁǤÏpÍ×ÁǤǤʤ¯¤Æ¤â¹½¤¤¤Þ¤»¤ó¡£À褺¤ÏFirefox¤äOpera¸þ¤±¤ËÍ×ÁǤËfixed¤òÅö¤Æ¤Æ¤¤¤Þ¤¹¡£¤·¤«¤·IE¤Ë¤Ï¸ú¤«¤Ê¤¤¤Î¤Ç¥Ï¥Ã¥¯¤òÍøÍѤ·¤ÆIE¤Ë¤Î¤ßabsolute¤òÍ¿¤¨¤Þ¤¹¡£¤³¤Î»þ¤Ë´ð½à¤È¤Ê¤ëbodyÍ×ÁǤËheight:100%;¤ò»ØÄꤷ¡¢¤³¤ì¤Þ¤¿¥Ï¥Ã¥¯¤òÍøÍѤ·¤Æoverflow: hidden;¤ò»ØÄꤷ¤Þ¤¹¡£¤·¤«¤·¤³¤Î¤Þ¤Þ¤Ç¤Ï¥¹¥¯¥í¡¼¥ë¤¬ÉÔǽ¤Ë¤Ê¤Ã¤Æ¤·¤Þ¤¦¤Î¤Ç¡¢pÍ×Áǰʳ°¤Î¡ÊÊ̤ËpÍ×ÁǤò´Þ¤á¤Æ¤â¹½¤¤¤Þ¤»¤ó¤¬¡ËÍ×ÁǤòdiv¤Ç°Ï¤Ã¤Æ¥¹¥¯¥í¡¼¥ë¤ò½ÐÍè¤ë¤è¤¦¤Ë¤·¤Æ¤ä¤ê¤Þ¤¹¡£

¤Þ¤¿¡¢pÍ×ÁǤËborder¤¬ÉÕ¤¤¤Æ¤¤¤ë¤Î¤Ï¤ï¤«¤ê°×¤¯¤¹¤ë°Ù¤Ê¤Î¤ÇɬÍפϤ¢¤ê¤Þ¤»¤ó¡£html¤äbody¤Îmargin¤Èpadding¤âɬÍפ˱þ¤¸¤ÆÄ´À°¤·¤Æ²¼¤µ¤¤¡£pÍ×ÁǤÎwidth¤äheight¤Ï¥Ü¥Ã¥¯¥¹¤È¤·¤Æǧ¼±¤µ¤»¤¿Êý¤¬¡¢¤º¤ì¤ë¤³¤È¤Ê¤¯²èÌ̤ÎÃæ±û¤Ëɽ¼¨¤µ¤»¤ë»ö¤¬½ÐÍè¤ë¤«¤é¤Ç¤¹¡£¥Í¥¬¥Æ¥£¥Ö¥Þ¡¼¥¸¥ó¤Ë¤Ä¤¤¤Æ¤ÏLucky bag¤Ë¤â½ñ¤¤¤Æ¤¢¤ê¤Þ¤¹¤¬¡¢left: 50%;¤ätop: 50%;¤Ï¤½¤ÎÍ×ÁǤ¬»Ï¤Þ¤ë°ÌÃÖ¤ò»ØÄꤹ¤ëʪ¤Ç¡¢Í×ÁǤÎÆâÍƤ¬½Ä¤Ë¿­¤Ó¤¿¤ê²£¤ËËĤé¤ó¤À¤ê¤¹¤ë¤ÈÃæ±û¤«¤é¥º¥ì¤Æ¤·¤Þ¤¤¤Þ¤¹¡£¤½¤Î¤¿¤á¤ËÍ×ÁǤÎÂ礭¤µ¤È¡¢¤½¤Î¥Í¥¬¥Æ¥£¥Ö¥Þ¡¼¥¸¥ó¤òÄ´À°¤·¤Æ¤ä¤ëɬÍפ¬¤¢¤ë¤Î¤Ç¤¹¡£

¤³¤ì¤ÇÀâÌÀ¤Ï½ª¤ï¤ê¤Ç¤¹¤¬¡¢Æä˥ϥ寤βսê¤Ê¤É¤òÃæ¿´¤Ë¡¢¤È¤Æ¤â¥¹¥Þ¡¼¥È¤È¸Æ¤Ù¤ëÂåʪ¤Ç¤Ï¤¢¤ê¤Þ¤»¤ó¡£¤â¤Ã¤È¾å¼ê¤¯½ñ¤¯»ö¤â²Äǽ¤Ç¤·¤ç¤¦¡£¤³¤ó¤ÊÊýË¡¤ä½ñ¤­Êý¤¬¤¢¤ë¤È¤¤¤¦¥È¥é¥Ã¥¯¥Ð¥Ã¥¯¤¬¤¢¤ì¤Ð´ò¤·¤¤¤Ê¤È»×¤¤¤Þ¤¹¡£¤Ä¤¤¤Ç¤Ë¸À¤¨¤Ð¤¢¡¢º£³Îǧ¤·¤¿¤é Opera ¤Ç¤Ï¤¦¤Þ¤¯¹Ô¤«¤Ê¤¤¤ß¤¿¤¤¡£¤È¤¤¤¦¤Î¤Ï»ä¤Î¥µ¥ó¥×¥ë¤Ç¤âƱÍͤǤ¹¡£¤É¤¦¤ä¤éOperaÆÃÍ­¤Î¥Ð¥°¤é¤·¤¯¡¢»÷¤¿¤è¤¦¤Ê¤â¤Î¤Ç¤³¤ó¤Ê¥Ð¥°¤Ï¤¢¤Ã¤¿¤Î¤Ç¤¹¤¬¡¢¤½¤ì¤È¤Ï¾¯¤·°ã¤Ã¤Æ¡¢ÀäÂÐÇÛÃÖÍ×ÁǤÎtop¥×¥í¥Ñ¥Æ¥£¤ÎÃͤòÁêÂÐÃͤˤ·¤Æ¤â¾å¼ê¤¯Æ°ºî¤·¤Ê¤¤¤È¤¤¤¦´¶¤¸¤Ê¤Î¤Ç¤¹¤¬¡¢Ã¯¤«¤³¤Î²ò·èÊýË¡¤ò¶µ¤¨¤Æ²¼¤µ¤¤¡£