Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
1 / 1 / 0
Регистрация: 15.03.2013
Сообщений: 62

Выравнивание блоков div

27.07.2013, 14:59. Показов 1158. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите пожалуйста выровнить блоки див, чтобы они были такого вида

|div|25px отступ|div|25px отступ|div|

Divы должны быть посередине страницы. Вот мой код, что нужно исправить?
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div id="wrapper">
    <div id="header"></div><!--end header-->
    <div id="blocks">
        <div id="rightBlock">
        Правый блок
        
        </div><!--end  rightBlock-->
        <div id="centerBlock">Центральный блок</div><!--end  centerBlock-->
        <div id="leftBlock">Левый блок</div><!--end  leftBlock-->
    </div><!--end blocks-->
 
</div><!--end wrapper-->
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
*{
margin:0;
padding:0;
}
body{ 
background:#1f253d;
}
#wrapper{
    margin:90px auto;
    outline:1px solid #cc0000;
    width:950px;
    
}
#header{
    outline:1px solid #cc0000;
    background:#394264;
    height:85px;
    margin-bottom:25px;
}
#blocks{
    outline:1px solid #cc0000;
    height:1620px;
    padding-bottom:25px;
}
#leftBlock{
    width:300px;
    outline:1px solid #cc0000;
    height:1610px;
    float:left;
}
#centerBlock{
    width:300px;
    outline:1px solid #cc0000;
    height:1610px;
    float:right;
}
 
#rightBlock{
    width:300px;
    outline:1px solid #cc0000;
    height:1610px;
    float:right;
}
Заранее спасибо за помощь
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
27.07.2013, 14:59
Ответы с готовыми решениями:

Выравнивание блоков div
Здравствуйте! Подскажите, пожалуйста, как создать такое размещение блоков? Важно, чтобы отступы...

Выравнивание div блоков
Здравствуйсте. У меня имеется некая страница, например 1000px в ширину, и в ней содержится...

Выравнивание блоков div
Доброго времени суток. Подскажите как сделать адаптивную верстку из 9-и блоков div внутри которых...

1
 Аватар для Divinesites
107 / 102 / 9
Регистрация: 29.06.2013
Сообщений: 369
27.07.2013, 16:45
Center block в css замените на это:

CSS
1
2
3
4
5
6
7
#centerBlock{
    width:300px;
    outline:1px solid #cc0000;
    height:1610px;
    float:right;
    margin-right:25px;
}
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
27.07.2013, 16:45
Помогаю со студенческими работами здесь

Выравнивание двух блоков Div
Привет Я новичек, так-что завис на самом простом. Наклепал шаблончик, но один блок просто...

Выравнивание группы div-блоков с float: left
Есть группа div-блоков с float:left. Не удается выровнять эту группу по центру. (кол-во div-блоков...

Размещение нескольких блоков div внутри другого блока div
Хочу сделать шапку веб-страницы. Прикреплю ниже небольшую схему того, как она будет выглядеть. Хочу...

Как реализовать смещение div блоков под другой div?
Всем привет! Помогите сместить блоки под другой блок! &lt;div class=&quot;container&quot;&gt;&lt;div class=&quot;left-div...

Выравнивание нескольких div'oв внутри другого div'a
Собственно задача Имеется: &lt;div id=&quot;menubar&quot;&gt; &lt;div class=&quot;menu_item&quot;&gt; Главная &lt;/div&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
моя боль
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/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru