xhtml, padding и width 100%

kolpak · March 7, 2008

Коллеги, помогите разобраться (подобного вопроса на форуме не нашел).

Есть код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
 <head>
 <title>fucking electorate</title>
 <style type="text/css">
 table, td {border:1px solid #ccc}
 table {border-collapse:collapse}
 tr {vertical-align:top}
 td {text-align:center}
 .d1 {width:100px}
 .d2 {width:120px}
 .d3 {width:140px}
 .wI input {width:100%}
 </style>
 </head>
 <body>
 <table id="t">
 <tr>
 <td class="d1">100</td>
 <td class="d2">120</td> 
 <td class="d3">140</td> 
 </tr>
 <tr>
 <td class="wI"><input type="text" name="zopa" value="(.)" /></td>
 <td class="wI"><input type="text" name="zopa" value="(.)" /></td>
 <td class="wI"><input type="text" name="zopa" value="(.)" /></td>
 </tr>
 </table>
 </body>
</html>

почему input с width = 100% не обращает внимание на padding таблицы (и дива)?

ProGGGer · March 7, 2008

Паддинг таблицы.

может так сделать...

table, td {border:1px solid #ccc; padding:40px;}

kolpak · March 7, 2008

Паддинг таблицы.
может так сделать...
table, td {border:1px solid #ccc; padding:40px;}

зачем? да и это не ответ на вопрос почему.

klierik · March 7, 2008

выставьте паддинги и тогда все у вас будет.

upd

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
 <head>
 <title>fucking electorate</title>
 <style type="text/css">
 table.tbl-cls {border-collapse:collapse;}
 table.tbl-cls td {padding:0; vertical-align:top; padding:0 6px 0 4px;} /* right border == left border+border width*2 */
 td.d1 {width:100px}
 td.d2 {width:120px}
 td.d3 {width:140px}
 tr.input-data input {
 width:100%;
 margin:0; padding:0;
 border:1px solid #888;
 display:block;
 }


 </style>
 </head>
 <body>

 <table class="tbl-cls">
 <tr>
 <td class="d1">100</td>
 <td class="d2">120</td> 
 <td class="d3">140</td> 
 </tr>
 <tr class="input-data">
 <td><input type="text" name="zopa" value="(.)" /></td>
 <td><input type="text" name="zopa" value="(.)" /></td>
 <td><input type="text" name="zopa" value="(.)" /></td>
 </tr>
 </table>

 </body>
</html>

вот вам такое решение + оптимизированный CSS код

зы: уж будте так любезны, выкладывая контент/код на сайт потрудитесь убрать цензуру.

tnx u

kolpak · March 7, 2008

выставьте паддинги и тогда все у вас будет.

разве нет умолчальных паддингов у ячеек таблицы?

вот вам такое решение + оптимизированный CSS код

ие6 (под вайном). что-то как-то не так.

добавил пару букв в table.tbl-cls td {padding:0; vertical-align:top; border:1px solid #888; padding:0 6px 0 4px;}

Sign In

xhtml, padding и width 100%

Question

kolpak

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

ProGGGer

Link to comment

Share on other sites

kolpak

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

kolpak

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information