Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / <div> фиксированного размера / 2 сообщений из 2, страница 1 из 1
10.03.2010, 18:46:59
    #36512549
Nickolay Pavljuchankov
Nickolay Pavljuchankov
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
<div> фиксированного размера
Нужно чтобы блок не растягивался по контексту. А сохранял те размере, что прописаны в стиле.
Пусть даже контекст соседних блоков накладывается друг на друга.

Например: если по этой ссылке
в левом окошке вбить код:
Код: 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, 20:26:18
    #36512710
krvsa
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.
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / <div> фиксированного размера / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 435ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453411]:
 0ms
get settings:
 9ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 155ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 23ms
get tp. blocked users:
 1ms
others: 219ms
total:  435ms
x
x
Закрыть


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