Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вертикальный фон в div / 25 сообщений из 30, страница 1 из 2
  1  все
14.04.2009, 12:25
    #35930303
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
Здравствуте!
Вот здесь http://osc3.template-help.com/osc_22575/product_info.php?products_id=108 есть полоса которая разделяет левую колонку от центра, там все на таблицах, а как сделать ее при помощи div?
Ставить border: 1px dotted; не вариант, так как в ИЕ6 это не точки, а штрихи.
Вопрос наверно сводится к тому как растянуть див на всю высоту сайта
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.04.2009, 12:55
    #35930420
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
Ну почему же?
Делаешь, к примеру, картинку 3 на 4 пикселя (или 1х4, 1х2), загоняешь ее как бекграунд в вертикальный див шириной 3 (1) пикселя и ставишь repeat для тиражирования. Вот и будет абсолютно одинаковая для всех браузеров разделительная полоса.

Кстати, dotted по-дибильному выглядит только в ИЕ6, в остальных какое-то различие есть, но несущественное. Статистика использования и статистика убывания пользования ИЕ6 такова, что для аудитории ИЕ6 можно показывать и "штрихи" - "потому что нефиг" (с).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.04.2009, 12:56
    #35930424
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
Да, на этом сайте так и сделано - только пиксель через 2.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.04.2009, 12:56
    #35930425
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
INOKENTiYВопрос наверно сводится к тому как растянуть див на всю высоту сайта
Ну почему же... Можно и в БОДИ фоновый рисунок подсунуть.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.04.2009, 13:10
    #35930479
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
вот так делал
Код: plaintext
1.
2.
3.
4.
5.
6.
div#separator
   {
     float: left;
     width: 3px;
     background: url(img/line_y.gif) repeat-y left center;
   }
картинка 1х3 повторений по вертикали нету висота дива остается 1 пиксел
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.04.2009, 13:11
    #35930482
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
и ничего не выходит
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.04.2009, 15:47
    #35931040
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
INOKENTiY , пора тебе делать тестовый пример... ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.04.2009, 15:50
    #35931046
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
Есть проблема с заданием высоты дива?
repeat-y воспринимается не всеми браузерами. Если ширина этого дива соответствует картинке, то задавай просто repeat.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.04.2009, 20:23
    #35931738
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<div id="container">   
<div id="left">
{$boxes}
</div>

<div id="separator"></div>

<div id="content">
{$main_content}
</div>
</div>

div#content
   {
     float: left;
     width: 685px;
   }
div#separator
   {
     float: left;
     width: 1px;
     background: url(img/line_y.gif) repeat left center;
   }
div#left
   {
     float: left;
     width: 230px; /* Ширина левой колонки */
     background: #fff;
   }
вот что я делаю: есть левая колонка, есть центральная часть между ними пытаюсь сделать пунктирный разделитель высотой как центральная часть, что не так делаю?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.04.2009, 08:24
    #35932099
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
INOKENTiY , ты сам-то свой "тестовый" пример копипастил? Картинку еще во вложении давай...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:05
    #35936372
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
krvsa INOKENTiY , ты сам-то свой "тестовый" пример копипастил? Картинку еще во вложении давай...
набирал тут, а что не так в тестовом примере, конечно стили стоят в css файле.
Еще можно <div style="clear: both;"></div> добавить после
<div id="content">
{$main_content}
</div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:09
    #35936387
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
INOKENTiYа что не так в тестовом примере
Тестовый пример нужно делать так, что бы помогающий просто его "скопипастил" в файл и все...

Картинку разделителя когда даш?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:12
    #35936394
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
вот картинка
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:15
    #35936399
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
krvsa,

Щас не модно вложением картинку. Щас в формате дата:урл в base64 модно. Типа:
Код: plaintext
1.
<img src="data:image/gif;base64,R0lGODlhFAAUANUCAEA0EP/mIP/////iHFVACEAUEPbKAFlACP/eFPraEPK2APrWCPK+APrWDPLCAP/eGO6yAO6qAKVxBG1MBOadAP/aFPbGAOqhAPLGAN6VAOqqAKVpBPrOBLKNALp1AKp1BMqlAJlpBO6uAOaZAJ19BMKNAK6JBM6FAN6uAOalAK6FAK6BBNalAJVhBMqFAJlxBHFVBM6NAN62AOKVANauAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/h1CdWlsdCB3aXRoIEdJRiBNb3ZpZSBHZWFyIDQuMAAh/iFEZXNpZ24gYnkgQWl3YW4gKGFpd2FuQHlhbmRleC5ydSkAIfkEBUYANQAsAAAAABQAFAAABtHAmnBILBqNBMIheTgWDzATzYJhrWAEZ41A4iS+jYVB8WoaD6BG5TEYPB4NA6NkHh46DXZgAAAE+mMfdTUwHGwDfwICAIoADhoTQwR4bYmNiosQEmYHMgmVfYyhiwoxWVsYn4ijrAoZpwQODYh7obYGEK9CBCgLegHAwQgLFhonpwcqBqrBwAMJYxcSp4QMy4d7bAgOETORkivWCwkAX2IMABQb1EIHJQoOBga26R6DdiEpEAoKEBEXGVqwK0JggoQYFEa42DBh4JEkEB1qmSgkCAAh+QQFCgA1ACwHAAUACQAGAAAGH8DAICBMGAwKIVGIWDiGQ2LCuFwmEAaAFhDYAqBWYxAAIfkEBR4ANQAsBwAFAAkABgAABhvAWg0AGBaFAIEguRwql08icTk91ppXpFRaCwIAIfkEBQAANQAsBgAFAAoACwAABijAWg1QCxANwqFAOVwwnwADsSaYVqXCajY6TCYT3rB4TP56ASJyRBgEACH5BAUyADUALAQABQALAAsAAAY5wFqtUBgEaoOEsAYQCALQwADBdNak0EIi0SQGiIVAAtENR8WVofdMXbqH73chvpzHwUJG3GBw6GtBACH5BAUAADUALAQABQALAAsAAAYxwFptMAAAakbhsCgQAJrHQeAIbTqJxmf2OjU6vdFuNqks1wJm8yCtXKcTiITwaB4LgwA7" />
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:19
    #35936409
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
если нельзя скачать вот ссылка
http://pic.ipicture.ru/uploads/090416/7KRiwmpGJN.gif
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:25
    #35936431
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
INOKENTiY,

Маленькая чё-то у тебя картинка. Вот я её сконвертил в базе64:
Код: plaintext
1.
R0lGODlhAQADAIAAANDR0f///ywAAAAAAQADAAACAkRSADs=
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:35
    #35936463
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
так что никто не может помочь? или только все умничать умеют?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:41
    #35936482
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
Как вариант...

 
<- Код тут
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>Test</title>
<style type='text/css'>
#content {
     float: left;
     width: 685px;
     background: url(http://pic.ipicture.ru/uploads/ 090416 /7KRiwmpGJN.gif) repeat-y;
     padding-left: 5px;
}
#left {
     float: left;
     width: 230px; /* Ширина левой колонки */
     background: #fff;
}
</style>
</head>
<body>
<div id="container">   
	<div id="left">
		{$boxes}
	</div>
	<div id="content">
		<div>
			{$main_content}<br />
			text
		</div>
	</div>
</div>
</body>
</html>

----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:47
    #35936498
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
INOKENTiYили только все умничать умеют?
Пока главный тормоз это ты...

ShSerge , видать я отстал от жизни...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:48
    #35936502
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
ShSergeВот я её сконвертил в базе64:
Код: plaintext
1.
R0lGODlhAQADAIAAANDR0f///ywAAAAAAQADAAACAkRSADs=


А че потом с этим делать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:50
    #35936509
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
Написал так

Код: plaintext
<img src="data:image/gif;base64,R0lGODlhAQADAIAAANDR0f///ywAAAAAAQADAAACAkRSADs=" />

А картинки нетуууу...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:52
    #35936517
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
krvsaА че потом с этим делать?
Код: plaintext
1.
background: url(data:image/gif;base64,R0lGODlhAQADAIAAANDR0f///ywAAAAAAQADAAACAkRSADs=)
Вот чего. Все браузеры позволяют, включая ИЕ8, в ИЕ7 - нельзя.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:55
    #35936527
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
krvsa,

Дык она маленькая невидимая. Она даже здесь имеется.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:57
    #35936534
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
ShSerge - шайтан курбаши!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2009, 15:57
    #35936535
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальный фон в div
Т.е. здесь.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вертикальный фон в div / 25 сообщений из 30, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 488ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454953]:
 0ms
get settings:
 8ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 177ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 58ms
get tp. blocked users:
 1ms
others: 207ms
total:  488ms
x
x
Закрыть


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