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



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите разобраться с DIV CSS, О блочной верстке - резина
webscs
webscs
Topic Starter сообщение 26.1.2012, 12:26; Ответить: webscs
Сообщение #1


Участник
***

Группа: User
Сообщений: 225
Регистрация: 3.6.2010
Из: Москва
Поблагодарили: 40 раз
Репутация:   8  


Большая просьба направить или помочь с решением задачи создания следующего поведения div на странице.

| <-> | фикса 700 px | <-> |

левая колонка нечем не заполняется только фоном, правая также нечем не заполняется только фоном. Фоны разные и колонки исходя из размера сужаются или расширяются

я так понимаю нужно сделать вложения

<div id="left_block">
<div id="right_block">
<div id="main_block">
<p>текст текст текст текст текст </p>
</div>
</div>
</div>

css пишу

#left_block {background-images: url(....); width: 100%; min-height: 100%; height: 100%;}
#right_block{background-images: url(....); width: 100%; min-height: 100%; height: 100%;}
#main_block{width: 100%; min-height: 100%; height: 100%;}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
artanik
artanik
сообщение 26.1.2012, 17:00; Ответить: artanik
Сообщение #2


Участник
***

Группа: User
Сообщений: 225
Регистрация: 3.5.2011
Из: Украина, Львов
Поблагодарили: 147 раз
Репутация:   47  


Можно использовать ту же структуру div, с таким css:
#left_block {
    background: url(....) no-repeat left transparent;/* прозрачный фон с картинкой слева без повтора*/
}
#right_block {
    background: url(....) no-repeat right transparent;/* прозрачный фон с картинкой справа без повтора*/
}
#main_block{
    width: 700px; /*ширина блока*/
    margin:0 auto;/*ставим по центру*/
}

div изначально имеют ширину 100%, высота никогда не будет 100% если не написать правило для body и html
body, html{
    height: 100%;
}

если не до конца ответил на вопрос, welcome в личку или icq


--------------------
Мой промо-сайт

Нужна качественная вёрстка сайтов? Обращайтесь: ICQ 555-177-362 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kentastik
kentastik
сообщение 27.1.2012, 1:14; Ответить: kentastik
Сообщение #3


Участник
***

Группа: User
Сообщений: 147
Регистрация: 15.4.2011
Поблагодарили: 26 раз
Репутация:   6  


гложит любопытство, а если блоки слева и справа ничем не заполнятся может просто фон сделать в главном диве и туда влепить ваш див? так было бы проще, если вариант не подходит, то звиняйте smile.gif


--------------------
http://xaa.su/222L - самая крутая CPA, наиболее выгодные офферы
http://xaa.su/22L1 - выгодная RTB, приятный дополнительный доход для вашего сайта
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
forceweb
forceweb
сообщение 28.1.2012, 15:50; Ответить: forceweb
Сообщение #4


Новичок
*


Группа: User
Сообщений: 17
Регистрация: 25.1.2012
Поблагодарили: 0 раз
Репутация:   -1  


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1046 11.12.2017, 16:01
автор: Nell
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1341 11.12.2017, 13:11
автор: Mikki
Открытая тема (нет новых ответов) Помогите найти плагин на WP
Отзывы с профилей соц сетей
1 SEOMR 440 30.11.2017, 7:18
автор: Nell
Открытая тема (нет новых ответов) Помогите найти проблему
Долгий ответ сервера
6 maxim1249 692 29.11.2017, 17:27
автор: genjnat
Открытая тема (нет новых ответов) Помогите оценить новотник. Плиз
1 Alex-777 524 29.11.2017, 7:18
автор: grumdas


 



RSS Текстовая версия Сейчас: 15.12.2017, 17:54
Дизайн