Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / DIV и IMG и IE 6 / 7 сообщений из 7, страница 1 из 1
03.07.2008, 14:52
    #35409032
Непонимающий!
Непонимающий!
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DIV и IMG и IE 6
Проясните ситуацию. Почему в IE 6 между DIV и IMG в нижней части какие-то мифические 4 пиксела лезут, от которых никак не избавиться и из-за которых вся разметка ползет.
Внизу код простого примера.
Как с этим бороться???

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<HTML> 
<HEAD> 
<style type="text/css"> 
.headermenu  { border: 0px; width: 600px; background: #0cf; padding: 0px; margin: 0px;} 
</style> 
</HEAD> 
<BODY>

<DIV class="headermenu">
<IMG src="img.bmp" width="100" height="24" border="0" hspace="0" vspace="0"> </DIV>

</BODY>
</HTML>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.07.2008, 15:03
    #35409073
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DIV и IMG и IE 6
Непонимающий!ППочему в IE 6 между DIV и IMG в нижней части какие-то мифические 4 пиксела лезут
Смотрел пример в Опере и ФФ - везде ниже картинки виден голубой фон...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.07.2008, 15:12
    #35409108
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DIV и IMG и IE 6
А вот если так...

Код: 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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

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

.headermenu  { 
	border: 0px; 
	width: 600px; 
	background: #0cf; 
	padding: 0px; 
	margin: 0px;
	height: 24px; 
} 
img {
	padding: 0px; 
	margin: 0px;
	width: 100px;
	height: 24px; 
}
</style>
</head>
<body>

<DIV class="headermenu">
	<IMG src="err.jpg" /> 
</DIV>

</body>
</html>

То только в ИЕ снизу видно голубой фон...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.07.2008, 15:31
    #35409200
Непонимающий!
Непонимающий!
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DIV и IMG и IE 6
Может тогда сменить саму идеологию построения. Вот только как?
Или же просто смириться с этой фигней.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.07.2008, 15:35
    #35409221
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DIV и IMG и IE 6
Непонимающий!Может тогда сменить саму идеологию построения. Вот только как?
Как вариант сделать картинку фоном для ДИВа...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.07.2008, 16:35
    #35409541
Непонимающий!
Непонимающий!
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DIV и IMG и IE 6
Фон это хорошо, но мне надо, чтобы при наведении мыши изображение менялось на другое. Это нужно для реализации меню.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.07.2008, 16:46
    #35409576
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DIV и IMG и IE 6
У меня была такая задачка. Вот кусок кода

Код: 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.
...
#items {
	width: 600px;
	height: 40px;
}
.item,.item_act {
	float: left;
	clear: right;
	margin: 0px;
	padding: 0px;
	width: 114px;
	height: 40px;
	background: url(img/menu.png) repeat-x;
	cursor: hand;
}
.item_act {
	background: url(img/menu_act.png) repeat-x;
}
...
<div id='menu'>
	<div id='items'>
		<div class='item' onmouseover='this.className="item_act"' onmouseout='this.className="item"'><p class='menu'>Главная</p>
		</div>
		<div class='item' onmouseover='this.className="item_act"' onmouseout='this.className="item"'><p class='menu'>Новости</p>
		</div>
		<div class='item' onmouseover='this.className="item_act"' onmouseout='this.className="item"'><p class='menu'>Фотоальбом</p>
		</div>
		<div class='item' onmouseover='this.className="item_act"' onmouseout='this.className="item"'><p class='menu'>Контакт</p>
		</div>
		<div class='item' onmouseover='this.className="item_act"' onmouseout='this.className="item"'><p class='menu'>Письмо нам</p>
		</div>
	</div>
</div>
----------
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 и IMG и IE 6 / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 427ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1456267]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 79ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 2ms
others: 255ms
total:  427ms
x
x
Закрыть


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