Ошибка CSS-пробела Internet Explorer

Я пытаюсь использовать CSS для выравнивания чисел в таблице, когда скобки используются для отображения числа как отрицательного значения. Подобно тому, как вы использовали десятичные вкладки в MS Word.Ошибка CSS-пробела Internet Explorer

CSS работает в IE6 и выше, но моя проблема связана с IE6-IE9 в предисловии предварительного просмотра или при распечатке страницы, исправление в правом скобке становится больше заданного значения. Его тонкая печать в Chrome и Firefox.

Может ли кто-нибудь указать мне в правильном направлении, чтобы исправить это?

Код:

<html> 
<head> 
<title>Example</title> 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.8.1/build/cssreset/cssreset-min.css" /> 
<style type="text/css"> 
/* Ignore stuff below */ 
html{ 
    font-family: arial, tahoma, sans-serif; 
    font-size: 12px; 
    line-height: 1.25em; 
    color: #333; 
    -webkit-font-smoothing: antialiased; 
    text-align: center; 
    background: #eee; 
} 
.wrapper{ 
    width: 780px; 
    margin: 10px auto; 
    padding: 10px; 
    background: #fff; 
} 
table{ 
    width: 100%; 
    font-size: 24px; 
    line-height: 1.25em; 
} 
h1{ 
    font-size: 18px; 
    line-height: 1.25em; 
    text-align: left; 
    background: #eee; 
    padding: 5px 10px; 
} 
/* Ignore stuff above */ 

.pR{ 
    padding-right: 10px; /* Needs to match width of .bracket below */ 
} 
.bracket{ 
    width: 10px; /* Needs to match padding-right of .pR above */ 
    text-align: center; 
    display: inline-block; 
    /* Fix for inline-block for IE 7 */ 
    zoom: 1; 
    *display: inline; 
} 
.right{ 
    text-align: right; 
} 
</style> 
</head> 
<body> 

<div class="wrapper"> 
<h1>With padding</h1> 
<table> 
<tr> 
<td class="right pR">1</td> 
</tr> 
<tr> 
<td class="right"><div class="bracket">(</div>1<div class="bracket">)</div></td> 
</tr> 
</table> 
</div> 
</body> 
</html>

источник

2013-04-03 user1607914

использовать пролет вместо div. – matpol

1. Выйдите из режима Quirks, 2. отправьте jsfiddle, пожалуйста, чтобы мы могли легко понять, что вы имеете в виду. – CBroe

Matpol - Span работает благодаря! CBroe - я не могу использовать doctype, поэтому режим quirks - проблема. Я не знаю, что такое jsfiddle, но диапазон, похоже, устранил проблему – user1607914

Нет необходимости использовать DIV. Используйте элемент span вместо div.

Div является элементом блока, поэтому зачем создавать проблемы.

источник

2013-04-05 05:36:02

Ошибка CSS-пробела Internet Explorer

ответ

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