Пустое пространство после IMG в Internet Explorer
Вот такой простой код работает по разному в IE и FireFox:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title></title></head>
<body>
<div style="border: solid 1px black">
<img src="search_button.png" />
</div>
</body>
</html>
В Internet Explorer после картинки неожиданно появляется пустое пространство, а в FireFox'е никаких пустых пространств.Лечится проблема двумя способами
1. Убираем все пробелы и переносы строк между img и зарывающим div. Не всегда можно применить, особенно когда используются ASP.NET контролы и img и div находятся в разных контролах.
2. Прописываем стиль display:block к img.
1 Comments:
Спасибо!!!!
Отправить комментарий
<< Home