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

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

спасибо огромное! реально выручил :) ... щас буду подробнее читать про эти свойства
...
Рейтинг: 0 / 0
04.04.2013, 15:17
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / расположить div по нижней границе другого diva
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38212893&tid=1448493]:
 0ms
get settings:
 10ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 170ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 60ms
get tp. blocked users:
 2ms
others: 242ms
total:  524ms
созд. / загр.: 524ms
x
x
Закрыть


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