Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Overflow visible в IE8 (https://javascript.ru/forum/xhtml-html-css/23054-overflow-visible-v-ie8.html)

debugx 10.11.2011 09:50

Overflow visible в IE8
 
Всем привет,
Есть такая html
<html>
<body>
<table class="popup">
	<tbody>
		<tr>
			<td></td>
			<td style="height: 7px;line-height: 7px;font-family: 'Arial';font-size: 15px;">
				Для проверки
			</td>
			<td></td>
		</tr>
	</tbody>
</table>

</body>
</html>

Как видите здесь задана высота строки 7px. Однако текст с 15 шрифтом в эту строку не влезает. Во всех браузерах стоит по умолчанию Overflow auto, и текст полностью виден, не смотря на то, что выходит за рамки элемента.
В IE8 текст выглядит обрезанным, даже если явно указать Overflow visible.
Подскажите, как побороть, чтобы в IE8 текст не обрезался?

ksa 10.11.2011 10:08

Цитата:

Сообщение от debugx
Подскажите, как побороть, чтобы в IE8 текст не обрезался?

В моём ИЕ8 таки отображается...

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table class="popup">
	<tbody>
		<tr>
			<td></td>
			<td style="height: 7px;line-height: 7px;font-family: 'Arial';font-size: 15px;">
				Для проверки
			</td>
			<td></td>
		</tr>
	</tbody>
</table>
</body>
</html>

debugx 10.11.2011 10:29

дело было в этом ))
<!DOCTYPE html>

Спасибо


Часовой пояс GMT +3, время: 15:35.