Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / расположить div по нижней границе другого diva / 6 сообщений из 6, страница 1 из 1
04.04.2013, 14:18
    #38212893
shut-up-and-skate
shut-up-and-skate
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
расположить div по нижней границе другого diva
возможно? clear:both; не решает проблему - он распологает блок по нижней границе всей страницы, а нужно внутри другого блока.
заранее спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2013, 14:27
    #38212916
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
расположить div по нижней границе другого diva
а в этом топике игра "угадай разметку" :)

вообще, если ничего не делать, а просто вставить в боди два дива, то они и будут точнехонько один под другим
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2013, 14:32
    #38212921
shut-up-and-skate
shut-up-and-skate
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
расположить div по нижней границе другого diva
Antonariy,

вот страница
Код: 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.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>ex2</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-------------------------------------------------------------------->
<!-- BODY -->

<div id="MainContainer">

  <div id="LeftBody">
    <div id="LeftBodyContent">
    </div>
  </div>

  <div id="RightBody">
    <div id="RightBodyContent">
    </div>
  </div>

  <div id="Body">
    <div id="MainBody">
  
      <div id="BottomBody">
        
      </div>
      
    </div>
  </div>  <!-- <div id="Body"> -->
  
</div> <!-- <div id="MainContainer"> -->

<!-- BODY -->
<!-------------------------------------------------------------------->
</body>
</html>


вот css
Код: css
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.
div#MainContainer{
   min-height: 100%; 
   min-width:1243px;
}

div#Body {
  margin-left:210px;
  margin-right:210px;
  padding-bottom: 15px;
}

div#MainBody {
  vertical-align: bottom;
  background-color: #FFFFC2;
  min-height: 700px;
}

div#RightBody {
  padding-left: 2px;
  padding-bottom: 15px;
  float:right;
  width: 200px;
}

div#RightBodyContent {
  background-color: #99EBC2;
  min-height: 400px;
  text-align: justify;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 10px;
}

div#LeftBody {
  padding-right: 2px;
  padding-bottom: 0px;
  float:left;
  width:200px;
}

div#LeftBodyContent {
  background-color: #FFD6EB;
  min-height: 800px;
  text-align: justify;
  padding-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
}

div#BottomBody {
  background-color: #ADD6C2;
  min-height: 100px;
  padding-left: 2px;
  padding-bottom: 15px;
  width: 100%;
}


вот вид - нужно BottomBody к низу MainBody прикрепить
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2013, 14:34
    #38212926
shut-up-and-skate
shut-up-and-skate
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
расположить div по нижней границе другого diva
не получается.. это возможно вообще?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2013, 14:50
    #38212956
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
расположить div по нижней границе другого diva
mainbody position:relative;
bottombody position:absolute;bottom:0;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2013, 15:17
    #38213023
shut-up-and-skate
shut-up-and-skate
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
расположить div по нижней границе другого diva
Antonariy,

спасибо огромное! реально выручил :) ... щас буду подробнее читать про эти свойства
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / расположить div по нижней границе другого diva / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 543ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448493]:
 0ms
get settings:
 11ms
get forum list:
 18ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 200ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 240ms
total:  543ms
x
x
Закрыть


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