Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать, чтоб страница состояла из четырех ячеек? / 2 сообщений из 2, страница 1 из 1
12.08.2014, 21:30
    #38718799
_libertas_
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать, чтоб страница состояла из четырех ячеек?
Всем привет.

Делаю страницу, используя

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
ody>
    <div id="map-canvas"></div>
    <div id="events">
        <h2>Events</h2>
      </div>
    <div id="user-info"></div>
    <div id="filters"></div>
</body>



и css:

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
body {
    background-color: #b7d1c4
}
 
html, body {
    height: 100%;
    margin: 0px;
    padding: 0px
}
 
div {
    height: 49%;
    width: 49%;
    border-radius: 5px;
    display: inline-block;
}
 
#events, #user-info, #filters, #map-canvas {
    border: 2px solid black;
}



Если h2 убрать, то страничка получается красивой, состоящей из 4х частей. Но с h2 все едет.

Как исправить можно?

Спасибо.
...
Рейтинг: 0 / 0
12.08.2014, 23:42
    #38718877
_libertas_
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать, чтоб страница состояла из четырех ячеек?
_libertas_,

Разобрался. Всем спасибо.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать, чтоб страница состояла из четырех ячеек? / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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