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%.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Помогите, пожалуйста, моей дочери выжить!
благотворительный топик
30 vitvirtual 3769 19.5.2018, 8:30
автор: vitvirtual
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 393 9.5.2018, 14:50
автор: blackhead
Открытая тема (нет новых ответов) Продвигаю страницу по запросу "Как сделать игру". Помогите советом, пожалуйста
Я секу в теме! Но подать статью угодным поисковикам образом не смо
22 coremission 2169 8.5.2018, 12:33
автор: coremission
Открытая тема (нет новых ответов) Есть эксперты HTML + CSS ?
4 _fan_ 626 3.5.2018, 22:32
автор: _fan_
Открытая тема (нет новых ответов) Помогите с выбором ноута
20 rokot 897 23.4.2018, 12:09
автор: Room


 



RSS Текстовая версия Сейчас: 23.5.2018, 19:04
Дизайн