Высота в процентах проблемы в HTML

Когда отображается следующее, параметр высоты изображения (img) не учитывается. Однако, если я изменяю ширину в%, например 80%, она изменяется, а соотношение сторон остается нетронутым. Если я упоминаю высоту в терминах px, она работает. Проблемы возникают только для того, чтобы высота составляла% и во всех браузерах.Высота в процентах проблемы в HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
</head> 
<body> 
<img src="image.jpg" alt="Image" border="0" height="15%" width="100%" /> 
</body> 
</html>

Если убрать «http://www.w3.org/TR/html4/loose.dtd» от DOCTYPE, как показано ниже,% работ по высоте, но любая обивка дано изображение не будет рассматриваться в IE, но отлично работает в остальных браузерах.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
</head> 
<body> 
<img src="image.jpg" alt="Image" border="0" height="15%" width="100%" /> 
</body> 
</html>

Я попытался использовать YUI 3 api для сброса CSS. Хотя он удаляет все по умолчанию прописные файлы браузеров, он не решит мою проблему. Доступно любое обходное решение? Спасибо.

источник

2010-06-23 Prabhat

Добавление следующего CSS в мой CSS-файл сделало трюк.

html, body { 
height: 100%; 
margin: 0; 
padding: 0; 
}

Спасибо мне: D

источник

2010-06-23 04:21:01 Prabhat

Высота в процентах проблемы в HTML

ответ

Смежные вопросы