Отсутствует левая граница в IE 7 - PullRequest
Новая
       17

Отсутствует левая граница в IE 7

3 голосов
/ 14 января 2010

Для этого отчета, созданного в HTML и CSS, левые границы исчезают в IE 7 и 6. Они правильно отображаются в IE 8, Firefox, Chrome, Opera и т. Д.

Я применяю стиль с тремя различными классами CSS: 

.LeftBorder
{
    border-left: 1px solid black;
}
.LeftBorderHeadingShaded
{
    background-color: gray;
    color: black;
    text-align: left;
    font-weight: bold;
    border-top: 2px solid black;
    border-left: 1px solid black;
}
.noshadeLeftBorder
{
    background-color: white;
    border-left: 1px solid black;
}

И эти классы применяются к определенным тегам TR и TD, но левая граница не отображается ни на одном из них. Некоторые из нижних границ отсутствуют, но это не так уж важно.

Я сделал снимок экрана, показывающий IE 7, 6 и 8 рядом. Я обвел проблемную зону. Вот полный HTML / CSS .

Internet Explorer sucks at CSS
(источник: mckeeth.org )

1 Ответ

2 голосов
/ 14 января 2010

EDIT

Хорошо, этот селектор просто означает «применить свойства к элементам типа td, которые являются потомками элемента tr с классом LeftBorder». Если это не правильно для вашей структуры, я прошу прощения за путаницу, я только взглянул на ваш код в пожарной ошибке и увидел tr с классом LeftBorder. Суть в том, что вам нужно применить границу к td и / или table ... не tr.

Ну, во-первых, я не думаю, что вы должны применять границы к tr они на тд, так что вам нужно нацелить их как tr.LeftBorder td

...