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

Кстати, dotted по-дибильному выглядит только в ИЕ6, в остальных какое-то различие есть, но несущественное. Статистика использования и статистика убывания пользования ИЕ6 такова, что для аудитории ИЕ6 можно показывать и "штрихи" - "потому что нефиг" (с).
...
Рейтинг: 0 / 0
14.04.2009, 12:55
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35930424
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Да, на этом сайте так и сделано - только пиксель через 2.
...
Рейтинг: 0 / 0
14.04.2009, 12:56
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35930425
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
INOKENTiYВопрос наверно сводится к тому как растянуть див на всю высоту сайта
Ну почему же... Можно и в БОДИ фоновый рисунок подсунуть.
...
Рейтинг: 0 / 0
14.04.2009, 12:56
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35930479
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
вот так делал
Код: 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:10
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35930482
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
и ничего не выходит
...
Рейтинг: 0 / 0
14.04.2009, 13:11
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35931040
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
INOKENTiY , пора тебе делать тестовый пример... ;)
...
Рейтинг: 0 / 0
14.04.2009, 15:47
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35931046
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Есть проблема с заданием высоты дива?
repeat-y воспринимается не всеми браузерами. Если ширина этого дива соответствует картинке, то задавай просто repeat.
...
Рейтинг: 0 / 0
14.04.2009, 15:50
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35931738
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
Код: 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
14.04.2009, 20:23
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35932099
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
INOKENTiY , ты сам-то свой "тестовый" пример копипастил? Картинку еще во вложении давай...
...
Рейтинг: 0 / 0
15.04.2009, 08:24
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35936372
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
krvsa INOKENTiY , ты сам-то свой "тестовый" пример копипастил? Картинку еще во вложении давай...
набирал тут, а что не так в тестовом примере, конечно стили стоят в css файле.
Еще можно <div style="clear: both;"></div> добавить после
<div id="content">
{$main_content}
</div>
...
Рейтинг: 0 / 0
16.04.2009, 15:05
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35936387
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
INOKENTiYа что не так в тестовом примере
Тестовый пример нужно делать так, что бы помогающий просто его "скопипастил" в файл и все...

Картинку разделителя когда даш?
...
Рейтинг: 0 / 0
16.04.2009, 15:09
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35936394
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
вот картинка
...
Рейтинг: 0 / 0
16.04.2009, 15:12
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35936399
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
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:15
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35936409
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
если нельзя скачать вот ссылка
http://pic.ipicture.ru/uploads/090416/7KRiwmpGJN.gif
...
Рейтинг: 0 / 0
16.04.2009, 15:19
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35936431
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
INOKENTiY,

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

 
<- Код тут
Код: 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:41
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35936498
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
INOKENTiYили только все умничать умеют?
Пока главный тормоз это ты...

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


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

Код: 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:50
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35936517
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
krvsaА че потом с этим делать?
Код: plaintext
1.
background: url(data:image/gif;base64,R0lGODlhAQADAIAAANDR0f///ywAAAAAAQADAAACAkRSADs=)
Вот чего. Все браузеры позволяют, включая ИЕ8, в ИЕ7 - нельзя.
...
Рейтинг: 0 / 0
16.04.2009, 15:52
| Ответить | Цитировать | Написать  
Вертикальный фон в div
    #35936527
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
krvsa,

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


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