css問題時，從div轉換爲表

ive我的索引轉換爲HTML/CSS我的CSS工作正常時，但div我不得不轉換爲表，我卡住，一定要使用表，由於一些jQuery和一些其他的東西，我的CSS是罰款DIV與表搞砸需要一個線索，這裏是我的CSScss問題時，從div轉換爲表

下面是演示指標與股利其做工精細和演示用表，搞砸

：表http://sudanesetweeps.com/dev/index.php ：DIV http://sudanesetweeps.com/dev/index2.php

/* 


*/ 


body { 
    background: #282425 url(../images/background.jpg) no-repeat top center; 
    font-size:12px; 
} 

.wrapper { 
    position:relative; 
    margin: 0 auto; 
    width: 852px; 
    padding: 25px 0; 
} 

/* header */ 
.header .logo { 
    margin-bottom: 21px; 
} 
.header ul.nav { 
    position:relative; 
    list-style: none; 
    margin:0;padding:0; 
    color: #fcd770; 
    background: url(../images/menu.png) no-repeat top left; 
    overflow:hidden; 
    height: 46px; 
    font-size:15px; 
} 
    .header ul.nav li { 
     float:left; 
     position:relative; 
     margin: 15px 0 0 20px; 
    } 
    .header ul.nav li a{ 
     color: #fcd770; 
     text-decoration:none; 
     font-weight:bold; 
    } 
.header .header_twitter { 
    position:relative; 
    height: 260px; 
    background: url(../images/header_bg.png) no-repeat top left; 
} 
    .header .header_twitter .singin_twitter { 
     position:absolute; 
     bottom: 40px; 
     right: 55px; 
    } 

/* middle */ 
.middle { 
    position:relative; 
    margin: 30px 0; 
} 
.middle a{ 
    color: #000; 
} 
    .middle .row_top { 
     background: url(../images/table_top.png) no-repeat top left; 
     overflow:hidden; 
     color: #fcd770; 
    } 
    .middle .row { 
     overflow:hidden; 
     background: url(../images/table_middle.png) no-repeat top left; 
     color: #000; 
    } 
    .middle .row_top .col1, 
    .middle .row_top .col2, 
    .middle .row_top .col3, 
    .middle .row_top .col4, 
    .middle .row_top .col5, 
    .middle .row_top .col6, 
    .middle .row_top .col7, 
    .middle .row_top .col8{ 
     float:left; 
     padding: 20px 0 18px; 
     text-align:center; 
    } 
    .middle .row .col1, 
    .middle .row .col2, 
    .middle .row .col3, 
    .middle .row .col4, 
    .middle .row .col6, 
    .middle .row .col7, 
    .middle .row .col8{ 
     float:left; 
     padding: 20px 0 0 0; 
     text-align:center; 
    } 
    .middle .row .col5{ 
     padding: 7px 0 8px 0; 
     float:left; 
     text-align:center; 
    } 
    .middle .row .col1, 
    .middle .row_top .col1{ 
     width: 98px; 
    } 
    .middle .row .col2, 
    .middle .row_top .col2{ 
     width: 102px; 
    } 
    .middle .row .col3, 
    .middle .row_top .col3{ 
     width: 146px; 
    } 
    .middle .row .col4, 
    .middle .row_top .col4{ 
     width: 150px; 
    } 
    .middle .row .col5, 
    .middle .row_top .col5{ 
     width:76px; 
    } 
    .middle .row .col6, 
    .middle .row_top .col6{ 
     width:73px; 
    } 
    .middle .row .col7, 
    .middle .row_top .col7{ 
     width:118px; 
    } 
    .middle .row .col8, 
    .middle .row_top .col8{ 
     width:87px; 
    } 
    .middle .last { 
     background: url(../images/table_bottom.png) no-repeat top left; 
    } 




/* footer */ 
.footer { 

} 
    .footer_top { 
     height: 17px; 
     background: url(../images/footer_top.png) no-repeat top left; 
    } 
    .footer_bottom { 
     height: 17px; 
     background: url(../images/footer_bottom.png) no-repeat top left; 
    } 
    .footer_content { 
     background: #2b7fc3; 
     color: #fff; 
     width:851px; 
     font-size:14px; 
     text-align:center; 
    } 
     .footer_content a { 
      color: #fff; 
      font-size: 13px; 
      font-weight:bold; 
      text-decoration:none; 
     }

來源

2011-08-29 LeoSam

關你的風格在這裏目標表元素，沒有階級的被應用到表格元素，所以表基本上沒有風格。 – fvu

它只是我的互聯網，還是該網站緩慢加載_really_？ – Bojangles

你可能要檢查的「排名」頭乍看通過Firefox中的Firebug或Chrome的督察

的元素，風格來源於此層次： .middle .row .col1，.middle .row_top .col1

表基於標記不會有任何類，你必須把它們放回

來源

2011-08-29 00:44:04 Gerhard

毫米正確的你需要重新定義類， – LeoSam

css問題時，從div轉換爲表

回答

相關問題