Если это ваш первый визит, рекомендуем почитать справку по форуму. Для размещения своих сообщений необходимо зарегистрироваться. Для просмотра сообщений выберите раздел. |
Как растянуть таблицу на ширину родительского блока? |
Что касается web-а... WebMaster-а Воронежа - объединяйтесь! |
|
Опции темы |
24.05.2012, 16:51 | #1 |
Форумец
Сообщений: 166
Регистрация: 14.06.2007
Возраст: 36
Не в сети |
Как растянуть таблицу на ширину родительского блока?
Здравствуйте!
Имеется html: Код:
<div id="partner_info"> <div class="title"> <a class="a_closed"><img class="arrow" src="images/arrow_closed.gif" /></a> ????????? </div> <table id="partner_info_table" class="close"> <tr> <td class="pi_name bold">????????:</td> <td class="pi_value">???????</td><%//TODO Buyer%> <td class="pi_name bold">test23</td> <td class="pi_value">test</td> </tr> </table> </div> К нему CSS: Код:
#partner_info{ border:1px solid black; border-top:none; background-color:#DEEDFE; padding:0 10px 5px 10px; } .arrow{ display:block; width:14px; height:12px; float:left; margin:8px 5px 0 0; border:none; } .a_closed:hover{ cursor:pointer; } .a_opened:hover{ cursor:pointer; } #partner_info_table{ margin-top:5px; border:none; width:100%; border-collapse: collapse; position:relative; } #partner_info_table tbody{ width:100%; } #partner_info_table tr{ height:15px; width:100%; } #partner_info_table td{ padding:0; } #partner_info_table td.pi_name{ width:10%; min-width: 10%; } #partner_info_table td.pi_value{ width:40%; } В IE таблица отображается во всю ширину родительского #partner_info. В Firefox таблица тоже растягивается на 100%, НО tbody занимает не 100% ширины. Вопрос: Как растянуть TBODY (TR) на ширину родительского блока? Заранее благодарен |
24.05.2012, 19:39 | #2 |
Наночлен
Сообщений: 30,595
Регистрация: 06.09.2006
Возраст: 36
Не в сети |
Судя по всему, на неё влияют какие-то другие стили, поскольку если взять голый HTML+CSS из приведенного примера, то таблица занимает всю ширину родительского дива за исключением заданных у него паддингов.
|
24.05.2012, 20:40 | #3 |
blocked
|
<table width ="100%">
<tr> <td width ="40%">????????:</td> <td width ="10%">???????</td> <td width ="40%">test23</td> <td width ="10%">test</td> </tr> не боли мой мозх #partner_info{ border:1px solid black; border-top:none; background-color:#DEEDFE; padding:0 10px 5px 10px; <<< ??? |
25.05.2012, 05:26 | #4 | ||
Форумец
Сообщений: 779
Регистрация: 21.01.2009
Возраст: 37
Не в сети |
Цитата:
Цитата:
|
||
25.05.2012, 09:37 | #5 |
Форумец
Сообщений: 166
Регистрация: 14.06.2007
Возраст: 36
Не в сети |
Нашел причину: как всегда на поверхности.
Было: Код:
.open{ display: block; } Код:
.open{ display: table; } |
25.05.2012, 10:32 | #6 |
Наночлен
Сообщений: 30,595
Регистрация: 06.09.2006
Возраст: 36
Не в сети |
Ну да, именно этот класс и описан в первом сообщении
|