Пропадают блоки div

@Roman1295 · Регистрация: 01.10.2012

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

Всем доброго времени суток! Такая проблема: имеется резиновый макет: хедер, контентврапер, два сайд-бара слева\справа и футер. Подгонял размеры и проч., и случайно убрал весь контент из центрального блока , и все исчезло. Убираю букву "в" - и все пропадает. Напишу любой текст - всё в норме. Почему так? С css где-то косяк?

@dolte · 08.05.2014, 11:36

А где код ?

@Roman1295 · 08.05.2014, 11:41 **[ТС]**

Вот код, куда же без него.

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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */
 
html {
    height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
body {
    font: 12px/18px Arial, sans-serif;
    height: 100%;
}
.wrapper {
    width: 100%;
    min-width: 1000px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
 
 
/* Header
-----------------------------------------------------------------------------*/
.header {
    height: 100px;
    background: #FFE680;
}
 
 
/* Middle
-----------------------------------------------------------------------------*/
.middle {
    width: 100%;
    padding: 0 0 75px;
    position: relative;
}
.middle:after {
    display: table;
    clear: both;
    content: '';
}
.container {
    width: 100%;
    float: left;
    overflow: hidden;
}
.content {
    padding: 0 270px 0 270px;
}
 
 
/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
    float: left;
    width: 250px;
    margin-left: -100%;
    position: relative;
    background: #B5E3FF;
    padding-left: 15px;
}
 
 
/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
    float: left;
    width: 250px;
    margin-left: -250px;
    position: relative;
    background: #FFACAA;
}
 
 
/* Footer
-----------------------------------------------------------------------------*/
.footer {
    margin: -75px auto 0;
    min-width: 1000px;
    height: 75px;
    background: #BFF08E;
    position: relative;
}

HTML5
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
<div class="wrapper">
 
    <header class="header">
        <strong><a href="/">Главная</a></strong>
    </header><!-- .header-->
 
    <div class="middle">
 
        <div class="container">
            <main class="content">
                 
                 
            </main><!-- .content -->
        </div><!-- .container-->
 
        <aside class="left-sidebar"> 
            <? include 'menu.php'; ?>
        </aside><!-- .left-sidebar -->
   
        <aside class="right-sidebar">
            <? include 'menu.php'; ?>
        </aside><!-- .right-sidebar -->
 
    </div><!-- .middle-->
 
 
</div><!-- .wrapper -->
 
<footer class="footer">
    <strong>Footer:</strong> 
</footer><!-- .footer -->

@KaRaNTiN · 08.05.2014, 13:44

Чтобы блок был виден вне зависимости от того есть в нём текст или нет, ему надо дать следующие стили, как минимум:

CSS
1
2
3
display: block;
width: XXXXpx;
height: XXXXpx;

У Вас в стилях я не увидел, чтобы .container имел подобный набор стилей.

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@Roman1295 8 / 8 / 9 Регистрация: 01.10.2012 Сообщений: 100

	Пропадают блоки div 08.05.2014, 11:34. Показов 4021. Ответов 3 Метки нет (Все метки) Всем доброго времени суток! Такая проблема: имеется резиновый макет: хедер, контентврапер, два сайд-бара слева\справа и футер. Подгонял размеры и проч., и случайно убрал весь контент из центрального блока , и все исчезло. Убираю букву "в" - и все пропадает. Напишу любой текст - всё в норме. Почему так? С css где-то косяк? Миниатюры 0

@dolte Человек 331 / 205 / 63 Регистрация: 04.02.2013 Сообщений: 1,223
	08.05.2014, 11:36
	А где код ? 0

Пропадают блоки div

Решение