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

Например: если по этой ссылке
в левом окошке вбить код:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<html>
<head>
<style type="text/css">

div
{
background-color:#00FF00;
width:100px;
height:100px;
}
</style>
</head>

<body>
<div>
  фыв
  <div style="background-color:#00FFFF; width:70px; height:100px; border:5px solid red; overflow:visible;">
The overflow property specifies what to do if the content of an element exceeds the size of the element's box.
  </div>
</div>
</body>
</html>

и выполнить это
1) в ИЕ 7
2) ФФ 3.6

то получим 2 разных результат
нужен тот, что в ФФ 3.6 (текст вылазит за пределы синего блока, а синий блок вылазит за пределы родительского - зеленого, но ни один из блоков не растягивается по ширине и высоте под контекст, а сохраняет размеры, заданные в стилях)
...
Рейтинг: 0 / 0
10.03.2010, 18:46:59
| Ответить | Цитировать | Написать  
<div> фиксированного размера
    #36512710
Фотография 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.
31.
32.
33.
34.
35.
36.
37.
38.
<html>
<head>
<style type="text/css">
* {
	margin:  0 ;
	padding:  0 ;
}
#d1 {
	background-color:#00FF00;
	width:100px;
	height:100px;
	position: relative;
}
#d2 {
	background-color:#00FFFF; 
	width:70px; 
	height:100px; 
	border:5px solid red; 
	position: absolute;
}
#d3 {
	position: absolute;
	top:  0 ;
	left:  0 ;
}
</style>
</head>

<body>
<div id='d1'>
  <p>фыв</p>
  <div id='d2'>
	<div id='d3'>
	The overflow property specifies what to do if the content of an element exceeds the size of the element's box.
	</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
10.03.2010, 20:26:18
| Ответить | Цитировать | Написать  
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / <div> фиксированного размера
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=258&tid=1453411]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 303ms
get topic data:
 6ms
get forum data:
 1ms
get page messages:
 22ms
get tp. blocked users:
 1ms
others: 193ms
total:  544ms
созд. / загр.: 544ms
x
x
Закрыть


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