ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
13 сообщений из 13, страница 1 из 1
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35245950
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
я не пойму как создать просто 3 слоя, 2 по краям (их ширина зависит от картинок кнопок в них, например 80px)

Вот мне надо создать 2 слоя по краям шириной 80 px и центральный который будет заполнять резиново всю оставшуюся ширину?
...
Рейтинг: 0 / 0
09.04.2008, 16:18
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35245976
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lanzer
Участник
Никак имхо.
...
Рейтинг: 0 / 0
09.04.2008, 16:25
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35245980
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lanzer
Участник
Поточнее еще раз задайте вопрос. Т.е. два по бокам неизвестно какого размера, а центарльный должен заполнять всю область между ними? Так?
...
Рейтинг: 0 / 0
09.04.2008, 16:27
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35246016
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Так сойдёт?
Код: plaintext
1.
2.
3.
4.
5.
6.
<html>
<body>
<table border="1" width="100%" height="100%">
<tr><td> 1 </td><td width="100%"><center> 2 </center></td><td> 3 </td></tr></table>
</body>
</html>
...
Рейтинг: 0 / 0
09.04.2008, 16:37
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35246020
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
lanzerПоточнее еще раз задайте вопрос. Т.е. два по бокам неизвестно какого размера, а центарльный должен заполнять всю область между ними? Так?

д, и еще при любом разрешении все 3 области долны упираться внизу по одной линии, т.е сколько бы не было контента в центральной части, оба слоя по бокам должны быть с центральной на 1-й линии внизу?
...
Рейтинг: 0 / 0
09.04.2008, 16:38
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35246079
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lanzer
Участник
Нету к сожелению времени проверить на примере(может вечерком получится полчаса найти).

Я бы пытался ее решить следующими шагами:

1. Боковым дивам float:left и float:right, среднему любой float пойдет.
2. В средний див положить еще один див и ему не задавать ни width ни float .

Видится мне это ед. решение здесь.
...
Рейтинг: 0 / 0
09.04.2008, 16:57
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35246083
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lanzer
Участник
Ошибся! Заново читай:

1. Боковым дивам float:left и float:right, среднему любой float пойдет. Всем троим width:auto!!
2. В средний див положить еще один див и ему не задавать ни width ни float.
...
Рейтинг: 0 / 0
09.04.2008, 16:59
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35246660
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Что написал lanzer - нифига не работает. Вообще-то про http://www.sql.ru/forum/actualthread.aspx?tid=544250
дивную вёрстку здесь на форуме ещё вчера писали.
Вообще, эта штука предполагает некоторую квалификацию, предполагающую, знание что такое clientWidth например.
...
Рейтинг: 0 / 0
09.04.2008, 20:56
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35246871
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
ShSergeЧто написал lanzer - нифига не работает. Вообще-то про http://www.sql.ru/forum/actualthread.aspx?tid=544250
дивную вёрстку здесь на форуме ещё вчера писали.
Вообще, эта штука предполагает некоторую квалификацию, предполагающую, знание что такое clientWidth например.
вот послал так послал.... :-)

2 armix2000 , если вы не знаете ширину боковых слоев, то
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<style>
.center { background:#ccc; width: 100 %; height: 100 %;}
.left { background:#cba; float:left;  height: 100 %;}
.right { background:#abc; float:right; height: 100 %; }
</style>
<div class="center">
<div class="left"> 1 </div>
<div class="right"> 1 </div>
контент
</div>
правда есть риск, что при ресайзе это хозяйство поползёт. Конечно же лучше знать сколько занимают у вас боковые части и использовать абсолютное позиционирование:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<style>
.container { width: 100 %; height: 100 %; }
.left { width:80px; position:absolute; top: 0 ; left: 0 ; height: 100 %; }
.right { width:80px; position:absolute; top: 0 ; right: 0 ; height: 100 %; }
.center { left:80px; right:80px; position:absolute; top: 0 ; height: 100 %; }
</style>
<div class="container">
	<div class="left"> 1 </div>
	<div class="center">контент</div>
	<div class="right"> 1 </div>
</div>
...
Рейтинг: 0 / 0
10.04.2008, 00:48
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35247393
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
illion ShSergeЧто написал lanzer - нифига не работает. Вообще-то про http://www.sql.ru/forum/actualthread.aspx?tid=544250
дивную вёрстку здесь на форуме ещё вчера писали.
Вообще, эта штука предполагает некоторую квалификацию, предполагающую, знание что такое clientWidth например.
вот послал так послал.... :-)

2 armix2000 , если вы не знаете ширину боковых слоев, то
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<style>
.center { background:#ccc; width: 100 %; height: 100 %;}
.left { background:#cba; float:left;  height: 100 %;}
.right { background:#abc; float:right; height: 100 %; }
</style>
<div class="center">
<div class="left"> 1 </div>
<div class="right"> 1 </div>
контент
</div>
правда есть риск, что при ресайзе это хозяйство поползёт. Конечно же лучше знать сколько занимают у вас боковые части и использовать абсолютное позиционирование:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<style>
.container { width: 100 %; height: 100 %; }
.left { width:80px; position:absolute; top: 0 ; left: 0 ; height: 100 %; }
.right { width:80px; position:absolute; top: 0 ; right: 0 ; height: 100 %; }
.center { left:80px; right:80px; position:absolute; top: 0 ; height: 100 %; }
</style>
<div class="container">
	<div class="left"> 1 </div>
	<div class="center">контент</div>
	<div class="right"> 1 </div>
</div>



Мне надо, чтобы еще все слоя занимали всю пустую область по вертикали, как это сделать?
...
Рейтинг: 0 / 0
10.04.2008, 10:58
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35247563
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
armix2000
Мне надо, чтобы еще все слоя занимали всю пустую область по вертикали, как это сделать?

очевидно нужно добавить html,body{height:100%}

P.S. в соседней вашей теме Помогите сделать DIV по высоте окна 100% вам LINUXER дал пример, в котором есть и фраза html,body{height:100%} . Вы что, ответы совсем не осмысливаете?
...
Рейтинг: 0 / 0
10.04.2008, 11:37
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35249230
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
illion armix2000
Мне надо, чтобы еще все слоя занимали всю пустую область по вертикали, как это сделать?

очевидно нужно добавить html,body{height:100%}

P.S. в соседней вашей теме Помогите сделать DIV по высоте окна 100% вам LINUXER дал пример, в котором есть и фраза html,body{height:100%} . Вы что, ответы совсем не осмысливаете?


Я все осмысливаю, если вы внимательно почитаете ту тему вы увидите что ваш пример не работает даже с html,body{height:100%}

вот ссылка http://test.egorievsk.org/help/Noname3.html

надо чтобы бары были всегда на одной линии с контентом, но если мало контента до конца окна!
...
Рейтинг: 0 / 0
10.04.2008, 17:14
| Ответить | Цитировать | Написать  
Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
    #35249368
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Может, в боди онскролл написать для дивов по бокам чего-то типа:
Код: plaintext
1.
2.
высота=
parseInt(document.body.clientHeight)+parseInt(document.body.scrollHeight);
...
Рейтинг: 0 / 0
10.04.2008, 17:45
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как создать 3 слоя, центральный должен быть резиновым, а 2 по бокам неизвестно какого разм
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=338&tid=1456621]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 62ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 65ms
get tp. blocked users:
 1ms
others: 231ms
total:  409ms
созд. / загр.: 409ms
x
x
Закрыть


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