Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Высота вложенной таблицы в Opera / 3 сообщений из 3, страница 1 из 1
30.11.2007, 16:28
    #34978724
help-me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Высота вложенной таблицы в Opera
Проблема банальная: необходимо, чтобы вложенная таблица заполняла всю ячейку внешней таблицы, не зависимо от содержимого (не работает только в Opera). Вот код:

HTML

<table id="container" height="100%">
<tr >
<td rowspan="3" id="main2" height="100%">
<!-- Проблемная таблица -->
<table width="280" height="100%" >
<tr>
<td width="280" height="92"> 1
</td>
</tr>
<tr>
<td height="92">2

</td>
</tr>

<tr>
<td height="345">3

</td>
</tr>
<tr>
<td id="left_part1" >4

</td>
</tr>
<tr height="100%">
<td height="100%">5
</td>
</tr>
</table>
<!-- Проблемная таблица -->
</td>

<td rowspan="2" id="main_1">6

</td>
<!-- Главн. меню -->
<td rowspan="2" id="main_m">7

</td>
<!--Прав. заголовок-->
<td colspan="2" id="main_r1">8

</td>
</tr>
<!-- Прав. часть -->
<tr>
<td height="123" width="184">9

</td>
<td rowspan="2" id="right_part" height="100%">10

</td>
</tr>
<!--Осню часть -->
<tr>
<td colspan="3" class="obj" valign="top">11

</td>
</tr>
<!-- Подвал -->
<tr>
<td colspan="5" id="td_footer">12

</td>
</tr>
</table>
<!-- -->

CSS

*{
vertical-align:top;
margin:0px;
padding:0px;
border-collapse:collapse;
font-family: Trebuchet MS,arial;
font-size: 14px;
color: #036;
background-color: transparence;
text-align:left;
}
body
{
text-align:center;
}
#container
{
width:1000px;
height:100%;
margin-left:auto;
margin-right:auto;
}

.obj
{
text-align:center;
}
#main
{
width:268px;
height:298px;
padding-top:30px;
}
#main2
{
padding-top:30px;

}
#main_m
{
width:266px;
height:298px;
padding-top:30px;
}
#main_1
{
width:100px;
height:298px;
padding-top:30px;
}
#main_r
{
width:466px;
height:165px;
padding-top:30px;
}
#main_r1
{
width:354px;
height:165px;
padding-top:30px;
}
#td_footer
{
width:1000px;
height:40px;
vertical-align:bottom;
border-top:1px solid black;
}


#left_part1
{
border-right:1px solid #ccc;
width:280px;
height:100%;
margin-top:0px;
margin-bottom:0px;
}
...
Рейтинг: 0 / 0
30.11.2007, 17:46
    #34978970
lancerAnt
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Высота вложенной таблицы в Opera
А обрамлять в код код и локализировать задачу не бывает? Или должны отвечающие это делать за тебя?
...
Рейтинг: 0 / 0
30.11.2007, 18:44
    #34979098
help-me
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Высота вложенной таблицы в Opera
код не обрамлен, т.к. не обратил на это внимание, а как исправить пост не нашел.
HTML
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
<table id="container" height="100%">
   <tr >
       <td rowspan="3"   id="main2" height="100%">
            <!-- Проблемная таблица -->
            <table width="280"   height="100%" >
               <tr>
                    <td width="280" height="92"> 1 </td>
               </tr>
               <tr>
                    <td height="92">2</td>
               </tr>

               <tr>
                    <td height="345">3</td>
               </tr>
               <tr>
                    <td  id="left_part1" >4</td>
               </tr>
               <tr height="100%">
                    <td height="100%">5</td>
               </tr>
            </table>
            <!-- Проблемная таблица -->
        </td>

        <td rowspan="2" id="main_1">6</td>
        <!-- Главн. меню -->
        <td rowspan="2" id="main_m">7</td>
        <!--Прав. заголовок-->
        <td colspan="2" id="main_r1">8</td>
</tr>
   <!-- Прав. часть -->
   <tr>
       <td height="123" width="184">9</td>
       <td rowspan="2" id="right_part" height="100%">10</td>
   </tr>
   <!--Осню часть -->
   <tr>
       <td colspan="3" class="obj" valign="top">11</td>
   </tr>
   <!-- Подвал -->
   <tr>
       <td  colspan="5" id="td_footer">12</td>
   </tr>
</table>

CSS:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
*{
       vertical-align:top;
       margin:0px;
       padding:0px;
       border-collapse:collapse;
       font-family: Trebuchet MS,arial;
       font-size: 14px;
       color: #036;
       background-color: transparence;
       text-align:left;
}
body
{
       text-align:center;
}
#container
{
       width:1000px;
       height:100%;
       margin-left:auto;
       margin-right:auto;
}
.obj
{
       text-align:center;
}
#main
{
       width:268px;
       height:298px;
       padding-top:30px;
}
#main2
{
       padding-top:30px;

}
#main_m
{
       width:266px;
       height:298px;
       padding-top:30px;
}
#main_1
{
       width:100px;
       height:298px;
       padding-top:30px;
}
#main_r
{
       width:466px;
       height:165px;
       padding-top:30px;
}
#main_r1
{
       width:354px;
       height:165px;
       padding-top:30px;
}
#td_footer
{
       width:1000px;
       height:40px;
       vertical-align:bottom;
       border-top:1px solid black;
}
#left_part1
{
       border-right:1px solid #ccc;
       width:280px;
       height:100%;
       margin-top:0px;
       margin-bottom:0px;
}
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Высота вложенной таблицы в Opera / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]