Форум

debugx · #1 (**permalink**) 10.11.2011, 09:50

Всем привет,
Есть такая 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 · #2 (**permalink**) 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 · #3 (**permalink**) 10.11.2011, 10:29

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

Спасибо

Форум

Справочник

Discord чат

Курсы javascript