http://guitarsummer.blogspot.com/
請教一下,我想要讓下面的三欄相對位置是固定的,可是絕對位置置中,
有什麼辦法嗎?(就是讓寬螢幕的人看起來欄位還是在中間,但是欄與欄
的間距是固定的一個值......)
附上程式碼:
#primary {
width: 500px;
/*_width: 520px;*/ /* IE Hack */
float: left;
background: #FF9900 ;
padding: 0px 10px 0px;
margin: 10px 20px 20px 20px;
/*_margin: 0 20px 0 15px;*/ /* IE Hack */
display: inline;
}
.secondary {
font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding: 0px 0 0px;
margin: 10px 0 0 35px;
width: 180px;
background-color: #bfbfbf;
color: #CCCCCC;
float: left;
display: inline;
/* The following are IE Fixes */
/*_padding: 0px 0 0px;
_margin-left: 4%;
_margin-right: -4%;
_width: 26.5%;*/ /* IE hack */
}
.tertiary {
font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding: 0px 0 0px;
margin: 10px 0 0 0;
width: 180px;
color: #CCCCCC;
background-color: #999999;
float: left;
display: inline;
/* The following are IE Fixes */
/*_padding: 0px 10px 0px;
_margin-left: 4%;
_margin-right: -4%;
_width: 26.5%;*/ /* IE hack */
}
/* For the flexible-width setting. */
body.flex #primary { width: 65% }
.flex .secondary { width: 10% }
.flex .tertiary { width: 15% }
感謝ORZ......
--
請教一下,我想要讓下面的三欄相對位置是固定的,可是絕對位置置中,
有什麼辦法嗎?(就是讓寬螢幕的人看起來欄位還是在中間,但是欄與欄
的間距是固定的一個值......)
附上程式碼:
#primary {
width: 500px;
/*_width: 520px;*/ /* IE Hack */
float: left;
background: #FF9900 ;
padding: 0px 10px 0px;
margin: 10px 20px 20px 20px;
/*_margin: 0 20px 0 15px;*/ /* IE Hack */
display: inline;
}
.secondary {
font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding: 0px 0 0px;
margin: 10px 0 0 35px;
width: 180px;
background-color: #bfbfbf;
color: #CCCCCC;
float: left;
display: inline;
/* The following are IE Fixes */
/*_padding: 0px 0 0px;
_margin-left: 4%;
_margin-right: -4%;
_width: 26.5%;*/ /* IE hack */
}
.tertiary {
font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding: 0px 0 0px;
margin: 10px 0 0 0;
width: 180px;
color: #CCCCCC;
background-color: #999999;
float: left;
display: inline;
/* The following are IE Fixes */
/*_padding: 0px 10px 0px;
_margin-left: 4%;
_margin-right: -4%;
_width: 26.5%;*/ /* IE hack */
}
/* For the flexible-width setting. */
body.flex #primary { width: 65% }
.flex .secondary { width: 10% }
.flex .tertiary { width: 15% }
感謝ORZ......
--
All Comments