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

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

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

пс. через table нельзя использовать
...
Рейтинг: 0 / 0
Div переменой ширины
    #36426878
Фотография 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.
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
Div переменой ширины
    #36426900
Фотография -=Koba=-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Да я просто шаблон педелываю для себя, для блога blogspot.com

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

Если у тебя еще какой вариант - пиши свой тестовый пример иллюстрирующий твою проблему.
...
Рейтинг: 0 / 0
Div переменой ширины
    #36427048
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дополню ответ 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
Div переменой ширины
    #36427250
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Делал примерчик в полумраке... Не заметил эти факты...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
Div переменой ширины
    #36437194
Фотография -=Koba=-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
А еще такой вопрос

есть div1

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

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

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

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

Например в этом моём примере можно убрать любой ДИВ слева или справа - центральный так и останется по центру.
...
Рейтинг: 0 / 0
Div переменой ширины
    #36437232
Фотография -=Koba=-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: 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
Div переменой ширины
    #36437372
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
-=Koba=- , ты просто из интереса посмотри на мой тестовый пример и на свой... Может тогда поймёшь как нужно их (примеры) делать...
...
Рейтинг: 0 / 0
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Div переменой ширины
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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