2012-04-27 4 views
0

я следующие стили применяются к таблицеширина CSS и минимальная ширина

width: auto; 
min-width: 98.5%; 

когда я смотрю в хромовой браузере таблицу, которая находится внутри 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

Эй я, вы должны определить радиус границы не определены в таблице, если вы хотите Border

Я думаю, что вы определяете границы и радиус границы в вашем DIV как например

Проверьте, чтобы жить ex. http://jsfiddle.net/RfWWh/

и настроить в соответствии с вашим дизайном ..

Смежные вопросы