Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.11.2015, 12:29
Профессор
Отправить личное сообщение для javascript_pupil Посмотреть профиль Найти все сообщения от javascript_pupil
 
Регистрация: 05.07.2009
Сообщений: 168

Криво отображается caption в пустой таблице
Помогите, пожалуйста, найти ошибку. В имеющемся коде заголовок первой (пустой) таблицы в IE 11 отображается криво. Как сделать, чтобы даже в пустой таблице заголовок выглядел также, как и во второй? Код страницы прилагается.

<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Test caption</title>
<style>
caption {
display: table-caption;
padding: 5px;
color: #1c3396;
background: #e7e7e7;
border: 1px solid #c9c9c9;
font-weight: bold;
</style>

</head><body>
<h1>Two tables with caption</h1>

<table><caption>Empty table</caption></table>

<br><br><br>

<table><caption>Table with content</caption>
<tr>
<td>One</td><td>2</td><td>100.0%</td>
</tr>
</table>

</body></html>
Ответить с цитированием
  #2 (permalink)  
Старый 18.11.2015, 13:55
Профессор
Отправить личное сообщение для Mess4me Посмотреть профиль Найти все сообщения от Mess4me
 
Регистрация: 03.11.2014
Сообщений: 263

<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Test caption</title>
<style>
caption {
display: block;
padding: 5px;
color: #1c3396;
background: #e7e7e7;
border: 1px solid #c9c9c9;
font-weight: bold;
}
</style>

</head><body>
<h1>Two tables with caption</h1>

<table><caption>Empty table</caption></table>

<br><br><br>

<table><caption>Table with content</caption>
<tr>
<td>One</td><td>2</td><td>100.0%</td>
</tr>
</table>

</body></html>
Ответить с цитированием
  #3 (permalink)  
Старый 18.11.2015, 17:06
Профессор
Отправить личное сообщение для javascript_pupil Посмотреть профиль Найти все сообщения от javascript_pupil
 
Регистрация: 05.07.2009
Сообщений: 168

Да, чего-то я не сообразил про блоки. Спасибо! Я вышел из положения сделав у table min-width в пикселях, но Ваше решение лучше, т.к. универсальнее.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Криво отображается SVG через Javascript Ruslan_as jQuery 4 01.08.2014 16:21
Криво работает скрипт jQuery поиска в таблице dim565 jQuery 0 17.12.2011 19:23