Большой Воронежский Форум

Если это ваш первый визит, рекомендуем почитать справку по форуму. Для размещения своих сообщений необходимо зарегистрироваться. Для просмотра сообщений выберите раздел.
Вернуться   Большой Воронежский Форум » Компьютеры и все, что с ними связано » » Веб-дизайн
Что касается web-а... WebMaster-а Воронежа - объединяйтесь!

Ответ
 
Опции темы
Старый 24.05.2012, 16:51   #1   
Форумец
 
Аватар для Zhen.KA_ne@
 
Сообщений: 166
Регистрация: 14.06.2007
Возраст: 36

Zhen.KA_ne@ вне форума Не в сети
Как растянуть таблицу на ширину родительского блока?

Здравствуйте!

Имеется 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) на ширину родительского блока?

Заранее благодарен
Миниатюры
Нажмите на изображение для увеличения
Название: tbody.png
Просмотров: 99
Размер:	30.5 Кб
ID:	1847284  
  Ответить с цитированием
Старый 24.05.2012, 19:39   #2   
Наночлен
 
Аватар для DRON-ANARCHY
 
Сообщений: 30,595
Регистрация: 06.09.2006
Возраст: 36

DRON-ANARCHY вне форума Не в сети
Судя по всему, на неё влияют какие-то другие стили, поскольку если взять голый HTML+CSS из приведенного примера, то таблица занимает всю ширину родительского дива за исключением заданных у него паддингов.
  Ответить с цитированием
Старый 24.05.2012, 20:40   #3   
blocked
 
Сообщений: 20,415
Регистрация: 21.03.2010
Записей в дневнике: 1

anadonam вне форума Не в сети
<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   
Форумец
 
Аватар для Dark_Dante
 
Сообщений: 779
Регистрация: 21.01.2009
Возраст: 37

Dark_Dante вне форума Не в сети
Цитата:
<td width ="40%">????????:</td>
<td width ="10%">???????</td>
<td width ="40%">test23</td>
<td width ="10%">test</td>
По гвоздю в голову забить за каждый width для таблицы прописанный не в CSS

Цитата:
padding:0 10px 5px 10px; <<< ???
Шо Вас удивляет? я бы на месте автора написал бы padding:0 10px 5px;
  Ответить с цитированием
Старый 25.05.2012, 09:37   #5   
Форумец
 
Аватар для Zhen.KA_ne@
 
Сообщений: 166
Регистрация: 14.06.2007
Возраст: 36

Zhen.KA_ne@ вне форума Не в сети
Нашел причину: как всегда на поверхности.

Было:
Код:
.open{
	display: block;
}
Стало:
Код:
.open{
	display: table;
}
  Ответить с цитированием
Старый 25.05.2012, 10:32   #6   
Наночлен
 
Аватар для DRON-ANARCHY
 
Сообщений: 30,595
Регистрация: 06.09.2006
Возраст: 36

DRON-ANARCHY вне форума Не в сети
Ну да, именно этот класс и описан в первом сообщении
  Ответить с цитированием
Старый 25.05.2012, 13:19   #7   
blocked
 
Сообщений: 20,415
Регистрация: 21.03.2010
Записей в дневнике: 1

anadonam вне форума Не в сети
Цитата:
Сообщение от Dark_Dante Посмотреть сообщение
По гвоздю в голову забить за каждый width для таблицы прописанный не в CSS
от тогда сидите и гребитесь в пустую - решайте ребусы, сложные
  Ответить с цитированием
Поиск в теме: 



Быстрый переход:

  Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения
BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Support by DrIQ & Netwind