Резиновые таблицы на сайте
На сайте есть таблицы с техническими данными и иногда используемые для другого.
Вот тут таблица выходит за рамки контента. То есть, если содержимого там много, то получается так, как на примере внизу. Надо сделать плавающие размеры таблицы в немного меньше размера контентного поля.
Вот что прописано для этой таблицы в style.css (Wordpress):
table.features{
font-family:"MS Sans Serif", Geneva, sans-serif;
background: rgb(146, 162, 178);
margin: 44px 0 34px 0;
padding: 4px;
-moz-box-shadow: 0 0px 10px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.3);
box-shadow: 0 0px 10px rgba(0,0,0,0.3);
}
table.features caption{
font-family:"MS Sans Serif", Geneva, sans-serif;
background: rgb(146, 162, 178);
color: #fff;
font-size: 20px;
padding: 3px 0 2px 0;
text-align:center;
text-shadow: 1px 0px 1px #333333;
}
table.features td{
background: #fff;
border: none !important;
padding: 0px 15px !important;
font-size: 14px;
}
table.features tr:nth-child(even) td {
background: rgb(232, 239, 246);
}
table.features tr td:first-child{
width: 40%;
background: #fff url(images/features-border.png) repeat-y right 0;
color: #222222;
font-weight:bold;
}
table.features tr:nth-child(even) td:first-child{
background: rgb(232, 239, 246) url(images/features-border.png) repeat-y right 0;
}
table.features tr td:nth-child(2){
padding: 2px 3px 2px 18px !important;
width: 30%;
}
Это начало таблицы:
Вот так выглядит:
http://rating-avto.ru/sravnenie/sravnenie-rapid-rio-peugeot-408-focus-polo.html
Укажите цену работы и как будет выглядеть на ПК и при просмотре на смартфоне.