2012-11-11 84 views
1

我有以下問題:我有一個固定寬度和高度的表,它應該在中間。html表和div的

它的正確的應該是DIV,與從表到瀏覽器的左邊緣的右側邊緣的寬度,但必要的是,在此DIV圖像被裁剪右側(這樣只有左側,DIV

的大小在表的左側,你需要在相反的事情,以及較低的 這裏是什麼樣子 - http://db.tt/bZU8Z9SJ

如何你做?

+6

你知道用表格開發網站是犯罪嗎? –

+2

@ kor - 你知道那樣的評論完全沒有建設性嗎? – Lix

+0

@koen,是的,但我用Photoshop剪下這張桌子) – IlyaKharlamov

回答

1

好吧,給你更多的答案,請與div的基本佈局:

<div id="container"> 
    <div id="left"></div> 
    <div id="table"> <!-- Your table here --> </div> 
    <div id="right"></div> 
</div> 

,並添加一些CSS:

#table{ 
    float: left; 
    width: 50%; 
    height: 200px; 
} 

#left{ 
    float: left; 
    background: #3f3; 
    width: 25%; 
    height: 200px; 
    background-position: right; 
} 

#right{ 
    float: left; 
    background: #f3f; 
    width: 25%; 
    height: 200px; 
    background-position: left; 
} 

小提琴這裏:http://jsfiddle.net/ycS2N/

+0

以及萬一我們的桌子的寬度需要動態變化? (40-50-60%取決於某物) – ted

+0

哦,謝謝!!!!!! – IlyaKharlamov