HTML Таблица ширины. - PullRequest
0 голосов
/ 06 мая 2011

Мне кажется, что я что-то здесь ужасно упускаю, но не могу достать камеру следующей таблицы, чтобы охватить всю таблицу с. Смотрите следующую ссылку jsfiddle:

http://jsfiddle.net/jeremysolarz/5stQc/2/

Я знаю, что дизайн таблицы не очень приятный, но я работаю с унаследованным приложением здесь с большим количеством GIF Spacer изображения, и я хочу удалить это и переключиться на более CSS-центрированный макет.

Пожалуйста, помогите.

Ответы [ 2 ]

3 голосов
/ 06 мая 2011

Нужно ли иметь вложенную таблицу в этом случае?Если бы у вас была только одна таблица и вы использовали <th colspan="3">, это решило бы проблему?Извините, если это не так, но кажется, что вы слишком усложняете это!

1 голос
/ 06 мая 2011

В настоящее время вы декларируете ширину встроенной таблицы (в html) и в CSS, и оба значения различаются, вы должны заключить таблицы в div следующим образом и удалить объявление встроенной ширины.1002 * / * frames * /

#foo{ 
    width:100%;
    display: inline-block;
}
.newframeContainer {
    padding:0;
    margin:0 auto;
    text-align: left;
    width:70%;
    height: auto;
    border:none;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
        border: 1px solid #B6B6B6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

Теперь HTML должен выглядеть следующим образом:

<div id="foo">
<table height="100%" class="newframeContainer" cellspacing="1">
    <tbody>
        <tr height="27">
            <th colspan="3">
                ADAM Statistics
            </th>            
        </tr>
        <tr height="99%">
            <td class="text-bold">Total Project Budgets [USD] </td>
            <td>test</td>
            <td valign="top" align="right">
                192,609,012
            </td>
        </tr>
    <tbody>
</table>

</div>  
...