Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Div переменой ширины / 12 сообщений из 12, страница 1 из 1
23.01.2010, 18:08:29
    #36426800
-=Koba=-
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div переменой ширины
Есть три DIV
2 из них фиксированной ширины по 300px
а один должен находиться между ними и заполнять все пространство те 100%,

но идет смещение

как можно решить эту проблему??

пс. через table нельзя использовать
...
Рейтинг: 0 / 0
23.01.2010, 19:59:12
    #36426878
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.
31.
32.
33.
34.
<html>
<head>
<title>Test</title>
<style type='text/css'>
* {
	margin:  0 ;
}
html, body {
	width:  100 %;
	height:  100 %;
}
#left {
	width: 300px;
	float: left;
	background-color: red;
}
#center {
	background-color: green;
}
#right {
	width: 300px;
	float: right;
	background-color: silver;
}
</style>
</head>
<body>
<div id='left'>left
</div>
</div>
<div id='right'>right
</div>
<div id='center'>center
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
23.01.2010, 20:22:12
    #36426900
-=Koba=-
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div переменой ширины
Да я просто шаблон педелываю для себя, для блога blogspot.com

Он большой просто
...
Рейтинг: 0 / 0
23.01.2010, 20:33:16
    #36426910
-=Koba=-
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div переменой ширины
ЧТо-то не получается центр разносится на всю ширину, возможно из-за того что там есть свои дивы
...
Рейтинг: 0 / 0
23.01.2010, 22:01:50
    #36426983
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div переменой ширины
-=Koba=-Он большой просто
Тестовый пример не бывает большей... На то он и тестовый. Вот мой пример тестовый. Только вот ты меня вынудил его писать... А должен был его писать ты.
...
Рейтинг: 0 / 0
23.01.2010, 22:03:47
    #36426986
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div переменой ширины
-=Koba=-ЧТо-то не получается
Мой пример работает в ИЕ6, Опере и ФФ... Все как ты просил:
- крайние фиксированой ширины
- середина заполняет все остальное

Если у тебя еще какой вариант - пиши свой тестовый пример иллюстрирующий твою проблему.
...
Рейтинг: 0 / 0
23.01.2010, 23:12:54
    #36427048
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div переменой ширины
Дополню ответ krsva :
Код: plaintext
1.
2.
#center {
	background-color: green;
}
нужно заменить на
Код: plaintext
1.
2.
3.
4.
#center {
	background-color: green;
	margin-left:300px;
	margin-right:300px;
}
а остальное все норм.
зы. ткоа он div id = center забыл закрыть,а лефт лишний раз прикрыл)
...
Рейтинг: 0 / 0
24.01.2010, 10:21:23
    #36427250
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div переменой ширины
Делал примерчик в полумраке... Не заметил эти факты...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
28.01.2010, 19:26:53
    #36437194
-=Koba=-
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div переменой ширины
А еще такой вопрос

есть div1

На нем по середине пишется Текст @Example@
Все замечательно

Справа и слева на нем лежат Div2 и div3 соответственно

Текст пишется по-середние

Как продолжать писать текст по середине, если убрать один из 2 или 3 div
...
Рейтинг: 0 / 0
28.01.2010, 19:38:27
    #36437210
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div переменой ширины
-=Koba=- , делай уже тестовые примеры... На них тебе и покажут.

Например в этом моём примере можно убрать любой ДИВ слева или справа - центральный так и останется по центру.
...
Рейтинг: 0 / 0
28.01.2010, 19:56:18
    #36437232
-=Koba=-
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
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.
...
#sidebar{
	width:256px;	
}
.sidebars h2{
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:# 303030 ;
	text-transform:capitalize;
	font-weight:normal;
	padding:10px 10px 10px 10px;
	background:url(http:// 1 .bp.blogspot.com/_gpF2ywAQTzU/Sz9uVOnfwLI/AAAAAAAAALs/cWnYxbnZHVI/s1600/bgr_sidebars_li.gif) repeat-x;
}

.sidebars .widget-content {
	padding: 10px 10px 10px 10px;
	font-size: 13px;
}

.sidebars ul{
	color:#4c4c4c;    
	border: 1px dashed #7C7CFF;
}
....

Рисуется DIV с границей dashed, когда он пустой рисуется линия - dashed просто. Можно ли эту линию убрать, чтоб она не рисовалась вообще, когда div пустой
...
Рейтинг: 0 / 0
28.01.2010, 22:24:58
    #36437372
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Div переменой ширины
-=Koba=- , ты просто из интереса посмотри на мой тестовый пример и на свой... Может тогда поймёшь как нужно их (примеры) делать...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Div переменой ширины / 12 сообщений из 12, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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