ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Позиционирование
17 сообщений из 17, страница 1 из 1
Позиционирование
    #35544606
GWhite
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GWhite
Гость
Здравствуйте.

Помогите решить след. задачу:

Код: 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.
<html>
<head>
    <title>test</title>
    <style type="text/css">
   
     #left
    {
        position: relative;
        border: 1px solid #ccc;
        float: left;
    }
     #right
    {
        position: relative;
        border: 1px solid #ccc;
        float: left;
        
    }
    
    
    </style>
</head>
<body>
<div id="left">мама</div>
<div id="right">папа</div>
</body>
</html>



Как сделать так, чтобы при увеличении ширины контента правого или левого блоков в сумме больше чем 100% не происходил перенос правого блока ниже левого, а появлялась полоса прокрутки?
...
Рейтинг: 0 / 0
17.09.2008, 15:20
| Ответить | Цитировать | Написать  
Позиционирование
    #35544751
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
Код: plaintext
1.
<div class=content style="overflow: auto;">
высоту/ширину задай

А вообще, мона было и поискать
...
Рейтинг: 0 / 0
17.09.2008, 15:58
| Ответить | Цитировать | Написать  
Позиционирование
    #35545484
GWhite
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GWhite
Гость
Ширина блоков заранее неизвестна. Ваш вариант не работает.
...
Рейтинг: 0 / 0
17.09.2008, 22:13
| Ответить | Цитировать | Написать  
Позиционирование
    #35545493
GWhite
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GWhite
Гость
Код: plaintext
1.
<div class=content style="overflow: auto;">


Естественно, подразумевалась полоса прокрутки не для блока, а для окна браузера.
...
Рейтинг: 0 / 0
17.09.2008, 22:22
| Ответить | Цитировать | Написать  
Позиционирование
    #35545718
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
GWhiteа появлялась полоса прокрутки?
Вертикальная или горизонтальная?
...
Рейтинг: 0 / 0
18.09.2008, 08:32
| Ответить | Цитировать | Написать  
Позиционирование
    #35545942
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
GWhiteШирина блоков заранее неизвестна. Ваш вариант не работает.

Если ширина заранее не известна, то расчитывайте её через скрипты. А прежде, чем заявлять, что чего-то не работает, попробуйте все возможные варианты. Вероятнее всего Вы неверно чего-то делаете.

Во избежании дальнейших споров вот полный код (делал на скорую руку):
Код: 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.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
<html>

<head>
  <title></title>
</head>
<style type="text/css">

     #left
    {
        position: relative;
        border: 1px solid #ccc;
        float: left;
    }
     #right
    {
        position: relative;
        border: 1px solid #ccc;
        float: left;

    }


    </style>
<script>
  function gt()
  {
          dv=document.getElementsByName('d')[ 0 ];
          dv.style.width=document.body.offsetWidth- 50 +'px';
          dv.style.height=document.body.offsetHeight- 50 +'px';
  }
</script>
<body>
<div class=content style="overflow: auto; width: 10px; height: 100px;" name=d id=d>
 <table><tr><td>
  <div id="left">мама</div>
 </td><td>
  <div id="right">папа</div><br>
 </td></tr></table>
<input type=button value=click onclick="gt();">
</div>

</body>

</html>
детект габаритов сделаете при загрузке страницы и при изменении размеров браузера (сообразить не сложно)
...
Рейтинг: 0 / 0
18.09.2008, 10:33
| Ответить | Цитировать | Написать  
Позиционирование
    #35545950
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
GWhiteЕстественно, подразумевалась полоса прокрутки не для блока, а для окна браузера.
Не вижу ничего естественного: речь шла про прокрутку и не уточнялось, что она должна быть браузерной

Просто в таблицу дивы поместите лол
...
Рейтинг: 0 / 0
18.09.2008, 10:37
| Ответить | Цитировать | Написать  
Позиционирование
    #35545958
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
кстати, работает не только в IE, но и в FF (это про div)
...
Рейтинг: 0 / 0
18.09.2008, 10:39
| Ответить | Цитировать | Написать  
Позиционирование
    #35546270
GWhite
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GWhite
Гость
2Korsar:
Спасибо за предложения, видимо я не совсем правильно сформулировал:

рис1 - начальная ситуация.
рис2 - то, что происходит при увеличении контента.
рис3 - то, что хотелось бы получить.

Яваскрипт - это избыточно имхо для данного случая.
Про таблицу улыбнуло ))
...
Рейтинг: 0 / 0
18.09.2008, 12:24
| Ответить | Цитировать | Написать  
Позиционирование
    #35546273
GWhite
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GWhite
Гость
...
Рейтинг: 0 / 0
18.09.2008, 12:25
| Ответить | Цитировать | Написать  
Позиционирование
    #35546275
GWhite
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GWhite
Гость
...
Рейтинг: 0 / 0
18.09.2008, 12:25
| Ответить | Цитировать | Написать  
Позиционирование
    #35546313
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
так я не понял, вопрос снят или нет?
...
Рейтинг: 0 / 0
18.09.2008, 12:41
| Ответить | Цитировать | Написать  
Позиционирование
    #35546343
GWhite
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GWhite
Гость
Нет конечно ))
...
Рейтинг: 0 / 0
18.09.2008, 12:49
| Ответить | Цитировать | Написать  
Позиционирование
    #35546365
GWhite
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GWhite
Гость
Жаль, но вопрос снимается.

http://www.w3.org/TR/CSS2/visuren.html#floats 2й абзац.
...
Рейтинг: 0 / 0
18.09.2008, 12:59
| Ответить | Цитировать | Написать  
Позиционирование
    #35546474
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
хм, ну не наю, чего Вам именно надо было. Таблицами достигается точно такой же результат
...
Рейтинг: 0 / 0
18.09.2008, 13:41
| Ответить | Цитировать | Написать  
Позиционирование
    #35546638
Фотография 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.
<html>
<head>
<title>test</title>
<style type="text/css">
#left {
	border: 1px solid #ccc;
	float: left;
	clear: right;
}
#right {
	border: 1px solid #ccc;
	float: left;
}
</style>
</head>
<body>
<div id="left">
мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама
мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама мама
</div>
<div id="right">
папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа
папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа папа
</div>
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
18.09.2008, 14:37
| Ответить | Цитировать | Написать  
Позиционирование
    #35546653
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
в FF не катит, да и если слова длинные, то и в IE тоже ..... ну, дело Ваше
...
Рейтинг: 0 / 0
18.09.2008, 14:43
| Ответить | Цитировать | Написать  
17 сообщений из 17, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Позиционирование
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=319&tid=1455871]:
 0ms
get settings:
 9ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 38ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 235ms
total:  337ms
созд. / загр.: 337ms
x
x
Закрыть


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