X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Колонки одинаковой высоты
spatlet
spatlet
Topic Starter сообщение 15.10.2009, 17:24; Ответить: spatlet
Сообщение #1


Всем привет. Мне нужно сделать три колонки. По краям фон, а по центру контент. Делаю так:
Html:
<div id="main">
<div id="left_bg"></div>
<div id="content">Тут какой-то контент</div>
<div id="right_bg"></div>
</div>


Css:

div#main {
   overflow:hidden;
   width:100%;
}

div#left_bg {
   float:left;
   width:17px;
   background-color:#b74929;
   padding-bottom:10000px;
        margin-bottom:-10000px;

}

div#content {
        float:left;
        width:936px;
   padding-bottom:10000px;
        margin-bottom:-10000px;
}

div#right_bg {
   float:left;
   width:17px;
   background-color:#b74929;
   padding-bottom:10000px;
        margin-bottom:-10000px;
}


Но у меня почему-то не отображается правый фон. Подскажите что нетак.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
call007
call007
сообщение 15.10.2009, 17:53; Ответить: call007
Сообщение #2


Я конечно не профи, но по-моему первый тег блока в html не закрыт...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
spatlet
spatlet
Topic Starter сообщение 15.10.2009, 18:00; Ответить: spatlet
Сообщение #3


(call007 @ 15.10.2009, 20:53) *
Я конечно не профи, но по-моему первый тег блока в html не закрыт...

Это я здесь написал с ошибкой, а так он закрыт.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 15.10.2009, 18:06; Ответить: alexdrob
Сообщение #4


у вас 3 дива вложенные в контейнер main, чтобы вложить блок в контейнер со стилем float нужно и контейнеру прописать такой стиль

div#main {
position:relative;
float:left;
overflow:hidden;
width:100%;
}

а блокам content и right_bg не обязательно, они и так прилипнут

но я не уверен что проблема в этом, у меня всё отображается и с вашим кодом
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
spatlet
spatlet
Topic Starter сообщение 15.10.2009, 18:23; Ответить: spatlet
Сообщение #5


alexdrob Вы правы. Все работает. Просто код который я показал не единственный в потоке. Я добавил к контейнеру "main" свойство "clear:both" и все встало на свои места.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разбить массив категорий на колонки
2 vitek_gagra 1595 30.3.2019, 16:41
автор: Gerga
Открытая тема (нет новых ответов) не получается скопировать дополнительные колонки меню
1 Владлен_hb 5827 11.12.2015, 5:18
автор: -Владлен-
Открытая тема (нет новых ответов) Переделать шаблон DLE 9.4 (поменять колонки местами)
1 sertaras1 3621 10.10.2012, 9:27
автор: -Colonizator-
Открытая тема (нет новых ответов) Необходимо создать макет страницы (тип 3 колонки, средняя определенной ширины)
6 ut2010 10391 23.3.2009, 0:50
автор: -Webmaster-


 



RSS Текстовая версия Сейчас: 28.3.2024, 21:22
Дизайн