2012-04-27 24 views
0

は、テーブルに適用CSS幅と最小幅

width: auto; 
min-width: 98.5%; 

私はChromeブラウザで見るとdivの内側にあるテーブルは含むDIVの約50%の幅を持っているように見えます。 IE9では、表が全幅を占めています。 Chromeでは、F12を使用して適用されたスタイルを見ると、両方のスタイルが適用され、交差していません。

.containing > table { 
position: relative; 
left: 0; 
margin-right: 0; 
top: 0; 
border: 1px solid #DDD; 
width: auto; 
min-width: 98.5%; 
margin-bottom: 1em; 
-webkit-border-bottom-right-radius: 8px; 
-webkit-border-bottom-left-radius: 8px; 
-moz-border-radius-bottomright: 8px; 
-moz-border-radius-bottomleft: 8px; 
border-bottom-right-radius: 8px; 
border-bottom-left-radius: 8px; 
} 

HTML:

<div class="containing"> 
<table> 

</table> 
</div> 
+1

可能な重複:[http://stackoverflow.com/q/7084990/419956](http://stackoverflow.com/q/7084990/419956) – Jeroen

+0

ところで、例をもっと「最小限」にすると役立ちます。たとえば、ボーダー半径ルールは問題とは関係ありません。これにより、他の人があなたを助けやすくなります。 – Jeroen

答えて

1

ねえ、私はあなたが国境

をしたい場合、私はあなたのようにあなたのdivにボーダーとボーダーの半径を定義だと思うあなたのテーブルに定義されていない境界線の半径を定義する必要がありますこのように

http://jsfiddle.net/RfWWh/

し、設計に応じて調整する。..

関連する問題