ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / table -> div
10 сообщений из 10, страница 1 из 1
table -> div
    #36584970
idvм
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
idvм
Гость
Переделываю страницы с конструкции

Код: plaintext
1.
2.
3.
4.
5.
<table>
 <tr>
   <td>
   </td>
 </tr>
</table>

на div.

Подскажите, почему сделал так, но высота всех внутренних дивов меньше высот родительского?

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<div style="background-color:Yellow;">
            <div class="divInlineLabel" style="height:auto">
             
            </div>
            <div class="divInlineData">
        
            </div>  
            <div class="divInlineLabel">
            
            </div>  
            <div class="divLastInlineData" style="background-color:red">
               ккки
            </div>    <br />
        </div>
...
Рейтинг: 0 / 0
19.04.2010, 10:12:43
| Ответить | Цитировать | Написать  
table -> div
    #36585022
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
idvмПодскажите, почему сделал так, но высота всех внутренних дивов меньше высот родительского?
Приведи пример всей тестовой страницы. От <html> до </html>. Поскольку фик тебя знает чего ты там еще понаписал.
...
Рейтинг: 0 / 0
19.04.2010, 10:39:27
| Ответить | Цитировать | Написать  
table -> div
    #36585476
idvm
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
idvm
Гость
Код: 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.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
<!--BeginRead-->
<html>

<head>
    <style type="text/css">
        .divHeader
        {
             font-size:medium; 
             font-weight:bold;            
        }
        
        .divInlineData
        {
            float: left;      
            width: 200px;  
            border-right-style:solid;
            border-right-width:thin;
        }      
        
         .divLastInlineData
        {                                    
            width: 200px;  
            border-right-style:solid;
            border-right-width:thin;           
        }                      
        
        .divInlineLabel
        {
            float: left;      
            width: 200px;              
        }                    
    </style>
</head>

<body>
    <div style="border: 1px; border-color: ActiveBorder">
        <div class="divHeader">
               
        </div>        

        <div>
             <div class="divInlineLabel">
             
            </div>
            <div class="divInlineData">
        
            </div>  
            <div class="divInlineLabel">
              
            </div>  
            <div class="divInlineData">
        
            </div>     <br />
        </div>
                 
        <div class="divHeader">
      
        </div>
         
         <div style="background-color:Yellow;">
            <div class="divInlineLabel" style="height:auto">
             
            </div>
            <div class="divInlineData">
        
            </div>  
            <div class="divInlineLabel">
            
            </div>  
            <div class="divLastInlineData" style="background-color:red">
               ккки
            </div>    <br />
        </div>

         <div>            
            <div class="divInlineLabel">
                Дата заезда: <br />
                Arrival date:    
            </div>
            <div class="divInlineData">
        
            </div>  
            <div class="divInlineLabel">
                Взрослых/детей: <br />
                Adults/children:
            </div>  
            <div class="divInlineData">
        
            </div>    <br />
        </div>      
    </div>
<!--EndRead-->

</body>
</html>
...
Рейтинг: 0 / 0
19.04.2010, 13:37:52
| Ответить | Цитировать | Написать  
table -> div
    #36585674
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
idvмПодскажите, почему сделал так, но высота всех внутренних дивов меньше высот родительского?
Ты не указываешь размер высоты вложеных блоков. Поэтому так и получается...
...
Рейтинг: 0 / 0
19.04.2010, 14:59:30
| Ответить | Цитировать | Написать  
table -> div
    #36585682
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
idvm , покажи на картинке что хочешь получить в итоге...
...
Рейтинг: 0 / 0
19.04.2010, 15:01:33
| Ответить | Цитировать | Написать  
table -> div
    #36586004
idvm
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
idvm
Гость
krvsa idvm , покажи на картинке что хочешь получить в итоге...

хочу вот такое
...
Рейтинг: 0 / 0
19.04.2010, 16:41:13
| Ответить | Цитировать | Написать  
table -> div
    #36586032
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
idvmхочу вот такое
Нужно еще знать какие размеры фиксированые, а какие будут тянуться по ширине...
...
Рейтинг: 0 / 0
19.04.2010, 16:57:57
| Ответить | Цитировать | Написать  
table -> div
    #36586277
idvm
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
idvm
Гость
krvsaidvmхочу вот такое
Нужно еще знать какие размеры фиксированые, а какие будут тянуться по ширине...

ширина статическая у всех
...
Рейтинг: 0 / 0
19.04.2010, 18:43:29
| Ответить | Цитировать | Написать  
table -> div
    #36586494
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
idvm , ну вот что-то типа такого... Не учитывая особо размеры и бордюры.

Код: 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.
<html>
<head>
<style type='text/css'>
#cont {
}
#cont div {
	height: 20px;
}
.grp {
	clear: both;
}
.all {
	width: 498px;
	clear: both;
	border: 1px solid;
}
.itm {
	float: left;
	border: 1px solid;
}
.d1 {
	width: 68px;
}
.d2 {
	width: 128px;
}
.d3 {
	width: 198px;
}
.d4 {
	width: 98px;
}
.d1_1 {
	width: 88px;
}
.d2_1 {
	width: 108px;
}
.d3_1 {
	width: 158px;
}
.d4_1 {
	width: 138px;
}
</style>
</head>
<body>
<div id='cont'>
	<div class='all'></div>
	<div class='grp'>
		<div class='itm d1'></div>
		<div class='itm d2'></div>
		<div class='itm d3'></div>
		<div class='itm d4'></div>
	</div>
	<div class='grp'>
		<div class='itm d1'></div>
		<div class='itm d2'></div>
		<div class='itm d3'></div>
		<div class='itm d4'></div>
	</div>
	<div class='all'></div>
	<div class='grp'>
		<div class='itm d1_1'></div>
		<div class='itm d2_1'></div>
		<div class='itm d3_1'></div>
		<div class='itm d4_1'></div>
	</div>
	<div class='grp'>
		<div class='itm d1_1'></div>
		<div class='itm d2_1'></div>
		<div class='itm d3_1'></div>
		<div class='itm d4_1'></div>
	</div>
</div>
</body>
</html>

Вот только не понятно зачем такое?
...
Рейтинг: 0 / 0
19.04.2010, 22:12:50
| Ответить | Цитировать | Написать  
table -> div
    #36588021
idvm
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
idvm
Гость
krvsa,

спасибо большое!
...
Рейтинг: 0 / 0
20.04.2010, 15:45:52
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / table -> div
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36588021&tid=1453210]:
 0ms
get settings:
 8ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 227ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 1ms
others: 190ms
total:  506ms
созд. / загр.: 506ms
x
x
Закрыть


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