| ||||||||
| ||||||||
|
|
||||||||||||||||||
01.07.2008, 18:31
|
|
||||
|
Регистрация: Oct 2007
Сообщений: 115
|
Резиновые бока-фон
Подскажи пожалуйста как средствами css и Div вёрстки организовать такой фон по бокам страницы, чтоб полоса прокрутки не возникала если он не влазит. Вобщем как тут. http://www.liox.ru/div
Эта трава если окно широкое то её видно. |
|
01.07.2008, 20:00
|
|
||||
|
.grin! wuz here
 Регистрация: Aug 2004
Адрес: paradise city
Сообщений: 3,981
|
не понимаю проблемы.
BODY{background:#ccc url(img.png) 50% 0 repeat-y;}
__________________
Breakcore them all! |
|
01.07.2008, 21:01
|
|
||||
|
Регистрация: Oct 2007
Сообщений: 115
|
Нет вы точно не поняли. BODY{background:#ccc url(img.png) 50% 0 repeat-y;} даст фон целевой, а мне нужно раздельный на правую и левую сторону.
|
|
02.07.2008, 00:47
|
|
||||
 Регистрация: Aug 2005
Адрес: я из Ленинграда
Сообщений: 1,082
|
ну так нарисуйте правую и левую траву на одной картинке на нужном расстоянии друг от друга.
|
|
02.07.2008, 11:35
|
|
||||
|
Регистрация: Oct 2007
Сообщений: 115
|
Оденьте лыжи, шапку ушанке и в ванную-вы речной трамвай.
А вы не подумали, что окно может растягиваться? А наша трава на определённом растоянии так и останется на нём. Кстати такое изображение в png будет весить не меньше 60кб... Должен быть другой более удобный способ. Не таблицами ведь пользоваться... |
|
02.07.2008, 20:26
|
|
||||
|
.grin! wuz here
Регистрация: Aug 2004
Адрес: paradise city
Сообщений: 3,981
|
заморочено это... очень. потом подумаю как сделать...
__________________
Breakcore them all! |
|
03.07.2008, 00:16
|
|
||||
|
Регистрация: Aug 2005
Адрес: я из Ленинграда
Сообщений: 1,082
|
для Сафари, Оперы и Лисы (для ие нужны кастыли на min-width и max-width)
 Код:<html>
<head>
<style type="text/css">
.box1{
overflow: hidden;
min-width: 600px;
}
.box2{
margin:0 auto;
max-width: 828px;
}
.outter_1{
padding-left:86px; margin-left:-86px;
background: transparent url(http://liox.ru/div/images/backleft3.gif) repeat-y 0 0;
}
.outter_2{
padding-right:86px; margin-right: -86px;
background: transparent url(http://liox.ru/div/images/backright3.gif) repeat-y right 0;
}
.main{
background: silver;
text-align: center;
}
</style>
</head>
<body>
<div class="box1">
<div class="box2">
<div class="outter_1">
<div class="outter_2">
<div class="main">Hellow world!</div>
</div>
</div>
</div>
</div>
</body>
</html>
Последний раз редактировалось Mnilionic; 03.07.2008 в 04:15. |
|
03.07.2008, 13:50
|
|
||||
|
.grin! wuz here
Регистрация: Aug 2004
Адрес: paradise city
Сообщений: 3,981
|
Цитата:
__________________
Breakcore them all! Последний раз редактировалось KidsKilla; 03.07.2008 в 13:58. |
|
03.07.2008, 16:13
|
|
||||
|
Регистрация: Aug 2005
Адрес: я из Ленинграда
Сообщений: 1,082
|
как вас понимать?
|
|
03.07.2008, 18:48
|
|
||||
|
Регистрация: Oct 2007
Сообщений: 115
|
Кстати хороший метод, хоть здесь и не подходит
 . Запишу его к себе в архив В вашем примере боковушки остаются на одном и томже расстоянии. |
 |
 |
Часовой пояс GMT +4, время: 23:32. |
|
|
« Предыдущая тема | Следующая тема » |
| Опции темы | |
| Опции просмотра | |
|
|
Линейный вид
