Как разместить див

@Corra · Регистрация: 23.03.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Передо мной возникла проблема с размещение div на второй половине страницы.
То есть моя страница делится пополам. На одной один див, на второй другой. И у меня не получается сделать так, чтобы второй див отображался правильно.
Первый див:

CSS
1
2
3
4
5
6
7
8
9
10
.div2 {
            height: 100%;
            float: left;
            width: 50%;
            overflow: auto;
            text-align: center;
            padding: 40px;
        background: #FFDB8D;
            
        }

Второй:

CSS
1
2
3
4
5
6
7
8
   .div3 {
            margin-left: 50%;
            overflow: auto;
            text-align: center;
            padding: 65px;
            background: #FFCF67;
            
        }

Помогите, пожалуйста)

@Shakalaka · 17.04.2015, 10:18

Ну если уж задавать значения длинны и отступов в %, то размеры родительского контейнера должны быть известны, они заданы у тебя?

@Corra · 17.04.2015, 10:22 **[ТС]**

Shakalaka, я задала, что у него height: 100%;

@Shakalaka · 17.04.2015, 10:29

HTML5
1
2
3
4
<div id="container">
  <div class=".div2"></div>
  <div class=".div3"></div>
</div>

при такой структуре

CSS
1
2
3
#container{
 width:1000px; /* именно WIDTH */
}

если же у тебя

CSS
1
2
3
#container{
 width:100% /* или любое значение в %*/
}

то у тебя должно быть задано значение width у родителя #container
Короче, я так понял ты хочешь делать резиновый сайт, тогда для разметки указанно выше

CSS
1
2
3
html, body, #continer{
  width:100%;
}

Будет тянуться на всю ширину экрана.

@Corra · 17.04.2015, 16:10 **[ТС]**

Shakalaka, вообще у меня задача разбить страницу на две половины дивами, которые будут равны по ширине
И мне надо сделать так, чтобы они при уменьшении страницы оставались на месте
я указывала, что у

CSS
1
2
3
4
html, body {
    
        width: 100%;
    }

но все равно не получается
второй див отображается неправильно
И у меня никак не получается сделать так, чтобы эти два дива были на правой и левой сторонах страницы. И по длине занимали всю страницу

@Shakalaka · 17.04.2015, 16:38

смотрим

@Corra · 17.04.2015, 16:59 **[ТС]**

Shakalaka, спасибо большое)
все заработало)

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	17.04.2015, 10:18
	Ну если уж задавать значения длинны и отступов в %, то размеры родительского контейнера должны быть известны, они заданы у тебя? 0

@Corra 0 / 0 / 0 Регистрация: 23.03.2014 Сообщений: 32
	17.04.2015, 10:22 [ТС]
	Shakalaka, я задала, что у него height: 100%; 0

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	17.04.2015, 16:38
	смотрим 1

@Corra 0 / 0 / 0 Регистрация: 23.03.2014 Сообщений: 32
	17.04.2015, 16:59 [ТС]
	Shakalaka, спасибо большое) все заработало) 0