欄位置中 - 部落格

By Rachel
at 2008-04-25T03:30
at 2008-04-25T03:30
Table of Contents
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......
--
Tags:
部落格
All Comments
Related Posts
寫文章時,<不會轉成"<"的方式?

By Edith
at 2008-04-24T17:15
at 2008-04-24T17:15
Re: PTT Blog板友簽到簿(PTTBlogRolling!)

By Jake
at 2008-04-24T16:37
at 2008-04-24T16:37
blogger 開很慢

By Kelly
at 2008-04-24T16:16
at 2008-04-24T16:16
bloger照片上傳

By Robert
at 2008-04-24T14:54
at 2008-04-24T14:54
Re: PTT Blog板友簽到簿(PTTBlogRolling!)

By Vanessa
at 2008-04-24T14:44
at 2008-04-24T14:44