Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Разместить div друг под другом внутри ячейки / 3 сообщений из 3, страница 1 из 1
09.04.2013, 19:20
    #38219392
Divider
Divider
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить div друг под другом внутри ячейки
Здравствуйте

Мне нужно разместить дивы друг под другом, но они почему-то наезжают друг на друга. Код такой

Код: html
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.
<html>

<head>
  <title></title>
<style>
body
{
background: url(bg.png) fixed no-repeat center center;
font-family:verdana,arial;
}
.op_div
{
width:600px;
height:200px;
background:silver;
border-radius:14px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
top:10px;
border:1px double gray;
padding:10px;
position:fixed;
}
.div
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
td
{
padding:5px;
}
</style>
</head>

<body>
<table width=1300px height=100% border=1 align=center>
	<tr>
		<td>
        1
		</td>
		<td width=800px>
        	<div class=op_div>
               <div class=div>
               123
               <div>
        	</div>
        	<br clear=all>
        	<div class=op_div>
               <div class=div>
               123
               <div>
        	</div>
		</td>
		<td>
        3
		</td>
	</tr>
</body>

</html>



Не поможете разобраться?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.04.2013, 21:01
    #38219481
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить div друг под другом внутри ячейки
DividerНе поможете разобраться?
Так вроде они и так один под другим...

Код: html
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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table width=1300px height=100% border=1 align=center>
	<tr>
		<td>1</td>
		<td width='800px'>
        	<div class=op_div>
               <div class=div>123<div>
        	</div>
        	<div class=op_div>
               <div class=div>123<div>
        	</div>
		</td>
		<td>3</td>
	</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.04.2013, 11:53
    #38220042
re_qas
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить div друг под другом внутри ячейки
http://htmlbook.ru/css/clear
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Разместить div друг под другом внутри ячейки / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 693ms
Закрыть
start [/forum/search_topic.php?author=serega_ul&author_mode=last_posts&do_search=1]:
 0ms
get settings:
 11ms
get forum list:
 19ms
get settings:
 11ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 79ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 52ms
get tp. blocked users:
 2ms
others: 476ms
total:  693ms
x
x
Закрыть


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