Блок не растягивается

@qw3qw3qw3r · Регистрация: 18.02.2010

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

Почему отступ слева больше, чем справа, а если убрать в #content padding-right:15px; padding-left:15px; то все нормально становится. Но мне нужны эти отступы.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="windows-1251">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
    <div id="content">
            <div id="left">
        <br><br><br><br><br><br><br><br><br><br>
            </div>
            <div id="right">
            <br><br><br><br><br><br><br><br><br><br>
            </div>
    </div>
</div>
</body>
</html>

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
html,body {
    margin:0px;
    padding:0px;
    outline:none;
    background-color:#FFF;
    background-image:url(background.png);
}
#container {
    width: 80%;
    margin: 0 auto;
    padding-top:30px;
    padding-bottom:30px;
}
#content {
    width:100%;
    float:left;
    margin:0 auto;
    background-color:#FFF;
    padding-top:15px;
    padding-bottom:15px;
    padding-right:15px;
    padding-left:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -webkit-box-shadow:0 0 10px 0 #555555;
    -moz-box-shadow:0 0 10px 0 #555555;
}
#left {
    background-color: blue;
    float:left;
    width:50%;
}
#table {
    color:#e682aa;
}
#right {
    background-color:red;
    float:right;
    width:50%;
}

@necro · 22.01.2012, 14:57

Если без них все нормально, то зачем отступы с которыми все ненормально О_О парадокс. Мб больше инфы?

@qw3qw3qw3r · 22.01.2012, 15:16 **[ТС]**

без них все ровно, но они нужны. вся инфа в топике, там весь код.

@conformist · 22.01.2012, 16:52

уже был такой вопрос, вот:

CSS
1
2
3
4
5
6
7
8
.className{
width:300px;
height:200px;
position:absolute;
left:50%;
top:50%;
margin:-100px 0 0 -150px;
}

Позиционируя объект абсолютно, мы можем "вырвать" его из страницы и задать для него позицию по отношению к браузеру. Достаточно указать 50% для значений left и top и объект будет находится по центру. Единственное, что нам необходимо сделать, это передвинуть объект на половину высоты и ширины влево и вверх, чтобы он был в самом центре.

у вас в коде контейнер с отступами 30px, вот половина их как раз 15. в этом и проблема

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@necro 36 / 36 / 3 Регистрация: 26.09.2009 Сообщений: 298
	22.01.2012, 14:57
	Если без них все нормально, то зачем отступы с которыми все ненормально О_О парадокс. Мб больше инфы? 0

@qw3qw3qw3r 4 / 4 / 1 Регистрация: 18.02.2010 Сообщений: 195
	22.01.2012, 15:16 [ТС]
	без них все ровно, но они нужны. вся инфа в топике, там весь код. 0