感謝大家的幫忙~終於解決了><
怎麼不能用小表格~嗚..
目前換了div.left的圖~改成寬度774px的..
不過點進來內頁~那張圖還是會亂跑@@?
忽上忽下@O@"------9:20 p.m
就像你現在看的這樣..
為什麼~連用IE看都會歪成這樣阿~~
弄了好幾天...快瘋了><
看似很正常的首頁↓
點一下部落閣↓
進去部落閣看內文↓
應該還是沒人會理我吧..
冷漠..
我是個失敗的教學者..
大家可以散會了...
自己家都搞不定了...
憑啥寫教學....
---
---
---
/*---------------------------------------------------------*/
.button2 img{display:none;} /*隱藏紅箭頭*/
.button_c1 img{display:none;} /*隱藏收藏『+』*/
.button3 img{display:none;}
.home_h1{#000;
padding-left:50px;}
/*--精華區底線--*/
.unline a:link, .unline a:visited{TEXT-DECORATION: none;}
.unline a:hover{TEXT-DECORATION: underline;}
.unline img{display:none;}
/*---隱藏統計圖---*/
#Flash_curve{display:none;}
/*font{color:#fff;}*/
/*-----------------------------------背景------------------------*/
body {
background: url(http://blog.roodo.com/digichao/c7885a37.gif) repeat ;
background-attachment:fixed; /*圖片位置是否要固定*/
border: solid #afd0ff 0px;/*最外面的大框*/
scrollbar-face-color: #ddd;/*設定軸面顏色*/
scrollbar-highlight-color: #757575;/*設定軸面三角左邊顏色*/
scrollbar-shadow-color: #757575;/*設定軸面三角右邊顏色*/
scrollbar-3dlight-color: #ddd;/*設定左立體邊顏色*/
scrollbar-darkshadow-color: #ddd;/*設定右立體面顏色*/
scrollbar-arrow-color: #757575;/*設定箭頭的顏色*/
scrollbar-track-color: #ddd;}/*設定軸軌的顏色*/
/*-------------小屋區表單背景設定-------------*/
div.left {background:url(http://blog.roodo.com/digichao/62904669.gif) no-repeat 76% 6%;}
div.leftOut1{background: none;}
div.leftOut2{background: none;}
div.leftDown {background: none;}
div.right {background: none;}
div.righttop{background: none;}
div.rightDown {background: none;}
div.container {background: none;}
div.main {background: none;}
div.mainOut {background: none;}
div.footer {background: none;
border: solid darkblue 0px;}
/*.ssize { color:#009000;font-size: 12px; line-height: 150%; }*/
/*底部文字*/
/*----小屋內的捲軸---*/
.home_scroll{
width:650px;
height:80px;
overflow:auto;
scrollbar-face-color: #ddd;/*設定軸面顏色*/
scrollbar-highlight-color: #757575;/*設定軸面三角左邊顏色*/
scrollbar-shadow-color: #757575;/*設定軸面三角右邊顏色*/
scrollbar-3dlight-color: #ddd;/*設定左立體邊顏色*/
scrollbar-darkshadow-color: #ddd;/*設定右立體面顏色*/
scrollbar-arrow-color: #757575;/*設定箭頭的顏色*/
scrollbar-track-color: #ddd;/*設定軸軌的顏色*/
text-align:left;
font-size:12px;}
/*-----------------------右下統計圖那的設定-----------------------*/
/*------右下的標題list格式-------(就是白色那一塊)*/
.post_list{}
li{/*background: transparent;*/
background:url(http://blog.roodo.com/digichao/315f7762.gif) no-repeat;
background-position:left; } /*隱藏綠點點*/
/*-----今日訪客等等的灰色外框-----(紅色那一塊)*/
.postbox2{
background: none;
border:0px solid #757575;
filter:alpha(opacity=70);}
/*-----post_list裡面改不掉的那一圈白色-----(藍色那一塊)*/
.postboxin{background: none;
/*height:150px;*/
border:0px solid #7fbfff;}
/*------右下的標題格式-------*/
.post_title {
height:32px;/*圖片高度*/
background-image:url(http://blog.roodo.com/digichao/14d7c867.png);
background-position:center;
COLOR:#757575;
PADDING-left:57; /*←文字與左方的距離*/
PADDING-top :3; /*←文字與上方的距離*/
font-size: 8pt; }
/*--小屋統計、個人紀錄文字顏色--*/
.home_c1{color:#757575;}
.home_c1 a:link, .home_c1 a:visited{color: #757575;}/*內頁的顏色*/
.home_c1 a:hover{color: #aaa;}/*內頁的顏色*/
/*連結跳動*/
a{text-decoration:none}
a:hover{position: relative; top: 0px;left:0px;}
/*---------------------------按鈕:------------------------------*/
.button3,.button4{/*-----勇造下的按鈕+[給紅心]+[搜尋]-----*/
border:0px dashed #757575;
background: transparent;
text-align: right;
color:#757575;}
.button2,.button_h2{/*-----[看更多]+[訂閱他的小屋]-----*/
border:#757575 0px dashed;
padding-left:20px;}
.button2{background:url(http://blog.roodo.com/digichao/9068848a.gif) no-repeat 5% 20%;
padding-left:20px;
padding-bottom:5px;}
.button_c1{color:#757575;} /*按鈕文字顏色*/
/*.button_c1 img{display:none;}*/
/*--隱藏收藏『+』--*/
/*------------------滑鼠移入按鈕---------------*/
.button2:hover{background:url(http://blog.roodo.com/digichao/9068848a.gif) no-repeat 5% 20%;
padding-left:20px;
padding-bottom:5px;
border-top:#757575 0px dashed;
border-right:royalblue 0px solid;
border-bottom:royalblue 0px dashed;
border-left:royalblue 0px solid;
}
.button3:hover,.button4:hover{
border-top:#757575 0px dashed;
border-right:royalblue 0px solid;
border-bottom:royalblue 0px dashed;
border-left:royalblue 0px solid;
background: transparent; }
/*-------訂閱小屋按鈕(一般狀態)------------*/
.home_order_button{/*display:none;*/
/*隱藏訂閱小屋按鈕*/
color:#757575;}
.home_order_button:hover{
background:transparent;
text-align: center;
color:#aaa;
text-decoration: underline;}
/*----部落閣頁面按紐數字----*/
.tsmal{color:royalblue;}/*左邊第一頁~第幾頁的字*/
.sertext{border: dashed 1px royalblue;}/*第幾頁的框框*/
.pag{ /*非所在頁數按鈕設定*/
background:transparent;
color:#ff8705;
border:1px #7fbfff solid;}
.p_nolink{/*無連結時的頁數按鈕設定*/
background:transparent;
color:#7fbfff;
border:1px #7fbfff solid;}
.p_nextprev{/*所在頁數按鈕設定*/
background:#7fbfff;
color:#fff;
border:1px #7fbfff solid;}
.pag:hover{/*滑鼠拜訪頁數按鈕設定*/
background:#7fbfff;
color:#fff;
border:1px #7fbfff solid;}
/*文字版、留言版底圖*/
textarea {
background: url(http://blog.roodo.com/minico/a19b06ef.png) no-repeat;
background-position:right;
padding-left: 2px;
padding-right: 100px;
/*height:220px;*/
font-family:"新細明體"; }
/*-------------給紅心按鈕設定----------------------*/
.apprise_bg tbody{visibility:hidden;}
.apprise_bg input{
visibility:visible;
position:relative;
top:20px;/*改變按鈕上下位置*/
border: 0px dashed #f5a6c0;
padding-right:20px;
color:#cc7382;}
/*--------------------上方勇者小屋---------------------*/
.wide_password2{color:royalblue;} /*ID的字體顏色*/
/*---信箱銀行和勇造VIP中間那條線---*/
.wide_line{
border-top:1px dashed royalblue;
background:transparent;}/*勇造VIP旁邊的箭頭底色*/
*----帳號面板的文字---*/
.wide_sev{
background:transparent;/*信箱銀行勇造VIP的底色*/
text-decoration: none; color: royalblue;}
.wide_sev a:link,.wide_sev a:visited {
text-decoration: none; color: royalblue;}
.wide_sev a:hover,.wide_sev a:active {
text-decoration: none; color: deeppink;}
/*---我要註冊+等級---*/
.wide_sign{
font-size:12px;
text-decoration: none;
color: royalblue;/*等級的字體顏色*/
background:transparent;}/*等級的底色*/
.wide_sign a:link,.wide_sign a:visited {
font-size:12px;
text-decoration: none;
color: royalblue; }
.wide_sign a:hover,.wide_sign a:active {
font-size:12px;
text-decoration: none;
color: deepink;}
/*----帳號面板背景顏色設定----*/
.wide_wordbk7{
background-image: url(http://blog.roodo.com/minico/d96f5618.png) ;
padding-bottom:8px;
padding-top:8px;
border:0px solid #7fbfff;}
/*隱藏勇造+登出的圖片*/
/*.wide_wordbk7 img {visibility:hidden;} */
/*-------------GP圖------------*/
/*.ability_pad img{border:none;height: 0px; }*/
/*隱藏GP圖*/
/*設定GP、BP區塊的背景*/
/*.ability_pad{
background-color:none;
background-image : url(http://blog.roodo.com/kimim/4d117ef9.png);
background-repeat:no-repeat;} */
/*--------------頂端選單文字(會員中心.新手上路)--------------------*/
.wide_toptext, .wide_toptext A:link,.wide_toptext A:visited{
FONT-SIZE: 7.8pt;
COLOR: royalblue ;
TEXT-DECORATION: none;}
.wide_toptext A:hover{
FONT-SIZE: 7.8pt;
COLOR: deeppink;
TEXT-DECORATION: underline;}
/*--------------------------上面頭條廣告文字----------------------*/
/*---『找遊戲』那個框框---*/
.hotext{background:transparent;
font-size: 10pt;
COLOR: royalblue;
border:1px dashed royalblue;}
.keynews a:link,.keynews a:visited{FONT-SIZE: 10pt;
color: royalblue;
text-decoration: none;}
.keynews a:hover{FONT-SIZE: 10pt;
color: deeppink;
text-decoration:underline;}
/*--------------------------整體頁面設定--------------------------*/
.box1 a:link{color:gray;}
.box1 a:visited{color:gray;}
.box1 a:hover{color:gray;}
/*--部落閣「文章內的文字」--*/
.home_h4{
color:#757575;
font-size:12px;
font-family:"新細明體"; }
/*----整體文字----*/
TD{
color:#757575;
font-size:12px;
line-height:150%;
font-family:"Arial";
word-break: break-all;
word-wrap:break-word;
font-family:"新細明體"; }
A:link,A:visited{
color:#757575;
text-decoration:none;}/*還未造訪連結狀態*/
A:hover{
color:#326ADA;
text-decoration: underline;}/*滑鼠移入連結狀態*/
.extend{
color:#009000;
font-family:"新細明體"; }/*屋主留言回應*/
.extend a:link,.extend a:visited{
color:#757575;}/*特殊連結(藍色)及屋主文章留言*/
.extend2{color:#FF0000;}
.extend2 a:link,.extend2 a:visited{color:#FF0000;}/*GP數與驗證碼顏色*/
.extend3{color:#8e8e8e;}
.extend3 a:link,.extend3 a:visited{color:#8E8E8E;}/*灰色-備註與說明文字*/
/*----其他共用部分----*/
.line{background: url(http://blog.roodo.com/digichao/7368e729.png) repeat-x ;
border-bottom:0px dotted #7fbfff;}/*虛線*/
.line2{border-top:1px solid #7fbfff;}/*實線*/
.article_pic{
border:none;
height: 0px;
width: 0px;}/*文章或畫作的縮圖邊框(↑部落格新文章旁邊的巴哈圖片)*/
.home_input1{
color:#999999;
border:1px dashed #70a3ff ;
background-color:#FFF;}/*input實線(只用於引用文章網址處)*/
.home_input2{
color:royalblue;
border:1px dashed #70a3ff ;
background-color:#fff;}/*input實線*/
/*--------------------------框架------------------------------*/
.infom_bk{
background:transparent;
border-left:0px solid #CCCCcc;
border-right:0px solid #CCCCCC;
padding-top:10px;}/*小屋首頁-勇者資料區背景色*/
/*----外部大框架設定----*/
.category_title{
background:url(http://blog.roodo.com/digichao/33f332d2.png) no-repeat 90% 50%;
height:37px;
}
.category_title2{
background:url(http://blog.roodo.com/digichao/33f332d2.png) no-repeat 90% 50%;
height:37px;
background-position:center; /*圖片對齊格式*/
}
.category_word{
color:#757575;
font-size:12px;
font-weight:bold;
text-align: left;
padding-left:70px;
padding-top:10px;
padding-bottom:0px;}
.category_bk{
background:url(http://blog.roodo.com/digichao/fc10189a.png) repeat-y 90% 0%;
padding:12px;/*內文與左右兩邊的距離*/
background-repeat:repeat-y;/*y軸重複*/
border:0x solid #000;
padding:60px;
}
.category_footer{
background:url(http://blog.roodo.com/digichao/9a69d3ab.png) no-repeat 90% 0%;
border:green 0px dashed;
height:13px;}
.category_bk tBODY{height:130%;}
/*----表格設定(置於大框架中)----*/
.box1{border:0px dashed #757575;}
.box_title{
background:transparent;
font-weight:bold;
letter-spacing:2px;}
.box_list1{
background:transparent;
border-left:0px dashed #ff8705;
border-right:0px dashed #ff3399;
border-bottom:0px dotted #757575;
border-top:0px dashed #ff8705;
/*text-align: center; */
}
.box_list2{
background:transparent;
border-left:0px dashed #ff3399;
border-right:0px dashed #ff3399;
border-bottom:0px dotted #757575;
border-top:0px dashed #ff8705;}
.box_icon1{
background-image:url(http://pic.bahamut.com.tw/home/list_icon1.gif) no-repeat;}/*三角形箭頭icon*/
.box_icon2{
background-image:url(http://pic.bahamut.com.tw/home/list_icon2.gif) no-repeat;}/*圓形彈珠icon*/
/*-----------------------最上方顯示大圖-----------------------*/
.banner{
background:transparent;
height:126px;
padding-left:540px;
padding-top:20px;}/*小屋上方主圖*/
.banner_t1{
color:#757575;
font-weight:bold;
font-size: 10pt; }
.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
color:#757575;
font-weight:bold;
text-decoration:inherit;
font-size: 10pt; /*文字大小*/
}/*暱稱和帳號文字*/
.banner_t3{
color:#757575;
line-height:18px;
height:20px;}/*碎碎唸文字顏色*/
.banner_t4{color:#aaa;}/*顯示官階的文字顏色*/
.banner_t5{color:#aaa;}/*顯示稱號的文字顏色*/
.banner image{display:none;}
/*隱藏稱號圖片*/
/*.banner table{display:none;}*/
/*隱藏帳號暱稱碎碎唸(『勳章』)*/
/*---------------------------主選單---------------------------*/
.menu{
background:transparent;
position: relative;
top:0px;/*選單的上下位置*/
left:19px;/*選單的左右位置*/
width:702px;/*選單的寬度*/
height:14px;}/*選單背景圖*/
/*----選單所在頁面狀態----*/
.menuIN{
font-weight:none;
color: #757575;
height:14px;
line-height: 14px;
text-align: center;
text-decoration: none;
border:#757575 0px dashed;}
.menuIN a:link,.menuIN a:visited{
font-weight:bold;/*文字粗體設定(bold)*/
color:#333;/*文字顏色設定(在那頁文字的顏色)*/
height:14px;/*表格的高度*/
line-height:14px;/*內文的文字行高*/
text-align:center;/*文字置中*/
text-decoration:none;/*刪除文字的連結底線*/
}
.menuIN a:hover {
font-weight:none;
color:#aaa;
height:14px;
line-height:14px;
text-align:center;
text-decoration: none;
/*font-weight:bold;*/
border:deeppink 0px dashed;}
/*----選單非所在頁面狀態----*/
.menuout {
COLOR: #757575;
height:14px;
font-weight:none;
line-height: 14px;
text-align:center;
text-decoration:none;}
.menuout a:link,.menuout a:visited {
color: #757575;
font-weight:none;
height:14px;
line-height: 14px;
text-align:center;}
.menuout a:hover {
background-image:url(http://blog.roodo.com/digichao/9068848a.gif) no-repeat 0% 0%;
font-weight:none;
color:#111;
height:14px;
line-height:14px;
text-align:center;
text-decoration: none;
/*font-weight:bold;*/
border:deeppink 0px dashed;}
/*---------------------------次選單---------------------------*/
/*----無次選單狀態----*/
.menubarA1{
background:transparent;/小屋首頁那排下面那個綠色的*/
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:0px;
border-bottom:0px solid #F6CDD7;}/*次選單與主選單連接部分*/
.menubarA2{
background:transparent;/小屋首頁那排下面那個白色的*/
border-left:0px solid #CCCCCC;
border-right:0px solid #CCCCCC;
border-top:0px;
border-bottom:0px;}/*次選單結束部分*/
/*----有次選單狀態----*/
.menubarB1{
border-left:0px solid #7fbfff;
border-right:0px solid #7fbfff;
border-top:0px;
border-bottom:0px;}/*次選單與主選單連接部分*/
.menubarB3{
background:#bfdfff;
border:1px dashed #7fbfff;
padding:6px;
text-align:left;
filter:alpha(opacity=70);}/*放次選單按鈕的背景色*/
.menubarB2{background:;}/*次選單結束部分*/
/*--次選單的文字顏色--*/
.home_t1, .home_t1 a:link, .home_t1 a:visited{color: #757575;}
.home_t1 a:hover {color: #aaa;}
/*-----------------------小屋封面圖------------------------------*/
.cover_pic{
display:none;}/*COVER圖*/
/*--------------------勇者基本資訊和能力表--------------------*/
.heartGP{color:#FF3366;}/*給紅心的敘述文字*/
.apprise_bg{
/*background:url(http://pic.bahamut.com.tw/home/love.jpg) no-repeat;*/
/*原來的GP圖*/
background:url(http://blog.roodo.com/digichao/44c46b53.png) no-repeat;
padding-bottom:5px;}/*評價區底色*/
.ability {
background: none;
BORDER:#757575 0px dashed;
PADDING-LEFT:18px;
PADDING-BOTTOM:1px;
PADDING-TOP:1px;
LINE-HEIGHT:14px;
HEIGHT:0pt;
/*TEXT-ALIGN:left;*/
TEXT-DECORATION:none;}/*顯示個人能力數值的底圖*/
/*---------------------各文章列表區(下方)---------------------*/
/*----個人部落閣----*/
/*blog標題底色*/
.article_t1{
background:transparent;
color:#757575;
font-weight:bold;}
.article_t1 a:link, .article_t1 a:visited{
color:#757575;
background:url(http://blog.roodo.com/digichao/27dd42b1.gif) no-repeat 0% 50%;
padding-left:15px;
font-weight:bold;}/*個人部落閣文章標題顏色*/
.article_t1 a:hover{
color:#aaa;}
.articlebox{
border-left:0px dashed #ff8705;
border-right:0px dashed #ff8705;
border-top:1px dotted #757575;
border-bottom:1px dotted #757575;
/*background:url(http://blog.roodo.com/minico/d34760c5.gif) no-repeat;*/
background-position:left;
text-align:center;
height:100px;
width:550px;/*沒有這行,寬度會強制變成變成720px*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色(BOLG那個內框框)*/
.article_hr{
height:0px;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:1px dashed royalblue;
}
/*----個人精華區----*/
.elite{
color:#0055CB;
font-size:15px;
font-weight:bold;}
.elite a:link, .elite a:visited{
color:#0055CB;
font-size:15px;
font-weight:bold;}/*個人精華文章標題顏色*/
.elite_ppl{
color:#757575;
font-weight:bold;
font-size:12px;
border:0px dashed #757575;
background: none;}/*收藏人數文字顏色和底線框色*/