разные браузеры - Joomla 1.5: Общие вопросы

Собственно я новичок в написании кода... очень прошу помощи!
Написал стиль таблички и саму табличку.
ПРоблема в том, что в фаирфоксе всё выводится нормально, а в IE всё сбивается.
Ниже привожу код:

Вот стиль:

.shapkaBlock {
color:#fff;
font-family:Tahoma;
font-size:12px;
font-weight: bold;
color:#666666;
text-align: center;
width: 100%;
display: table;
background-color:#CCCCCC;
}
.shapkaLeft, .shapkaMiddle, .shapkaRight, .shapkaRight2 {
display: table-cell !important;
display: inline;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #666666;
}
.shapkaLeft, {
width:25%;
}
.shapkaRight {
width:15%;
}
.shapkaRight2 {
width:15%;
}
.shapkaMiddle {
width:60%;
}

.trashBlock {
color:#fff;
font-family:Tahoma;
font-size:11px;
color:#666666;
text-align: left;
width: 100%;
display: table;
background-color:#FFFFFF;
}
.trashLeft, .trashMiddle, .trashRight, .trashRight2 {
display: table-cell !important;
display: inline;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
}
.trashLeft, {
width:25%;
}
.trashRight {
width:15%;
text-align: center;
}
.trashRight2 {
width:15%;
text-align: center;
}
.trashMiddle {
width:60%;
}


Вот код самой таблицы:
Шапка:


<div class="shapkaBlock">
<div class="shapkaLeft">
Артикул
</div>
<div class="shapkaMiddle">
Наименование
</div>
<div class="shapkaRight">
Количество
</div>
<div class="shapkaRight2">
Действие
</div>
</div>

Сама таблица:

<div class="trashBlock">
<div class="trashLeft">
162353-В41
</div>
<div class="trashMiddle">
Сервер HP ProLiant ML 150 G6
</div>
<div class="trashRight">
количество
</div>
<div class="trashRight2">
удалить
</div>
</div>

Помогите в решении проблемы браузеров... плз!

лучше кинуть 2 скрина: FF и IE
тогда помощь быстрее придет )

ПРоблема в том, что в фаирфоксе всё выводится нормально, а в IE всё сбивается.

первое из того что я вижу - display: table, display: table-cell IE не поддерживает

вот фаирфокс и IE

[вложение удалено Администратором]

первое из того что я вижу - display: table-cell IE не поддерживает

Но там ниже идет строчка
display: inline;
IE должен это держать.

очень похоже на некорректную верстку таблицы (незакрытые теги и прочее), Mozilla часто сама старается исправить ошибки верстальщика и выдать правильный DOM, а вот для IE все должно быть правильно.
Потому смотрите HTML код данного фрагмента и проверяйте на ошибки валидатором (либо ручками, что надежней)

проверил валидатором, вроде всё в норме, мне кажется это в CSS дело

Но там ниже идет строчка
display: inline;
IE должен это держать.

там выше идут строчки с display: table, IE это точно не поймёт, если не восьмой

мне кажется, что за место
и т.п., будет лучше использовать

там выше идут строчки с display: table, IE это точно не поймёт, если не восьмой

грохнул эту строчку, и фаир так же как IE начал отображать глюкаво... вернул всё обратно...

задать height для блоков div и проблем меньше будет, по крайней мере я всегда таким образом делаю

мне кажется, что за место

Код

display: inline

и т.п., будет лучше использовать

Код

float: left

получилось вот что

[вложение удалено Администратором]

relise - покажите HTML кода данной таблицы и соответствующие классы CSS в файле стилей

задать height для блоков div и проблем меньше будет, по крайней мере я всегда таким образом делаю

а при чем тут высота таблицы? ) может ширина? ширина задана, если посмотреть код CSS

relise - покажите HTML кода данной таблицы и соответствующие классы CSS в файле стилей

Я в начале темы выложил и код CSS и код HTML

для блочных элементов нужно задавать высоту, иначе не будут показываться, если в них нет содержимого
у тебя они отображаются из-за
так расползается из-за того, что у тебя ширина больше 100%
сам посчитай 25+15+15+60 > 100

тупо в пикселях ширину нельзя задать? или обязательно резиновым все должно быть??
тут рамки в 1px, размеры блоков в %, так что через float красиво не получится сделать
надо искать хак, чтобы в ie работало это

Ладно! пока написал через таблицу а не через див. Вроде показывает нормально... работает, но не соответствует моей задумке.

тупо в пикселях ширину нельзя задать? или обязательно резиновым все должно быть??
тут рамки в 1px, размеры блоков в %, так что через float красиво не получится сделать
надо искать хак, чтобы в ie работало это

Код

display: table-cell !important;

вот как раз таки взял и поставил всё чтоб 100% равно было... всё равно БОЛТ!
Так как могут быть разные разрешения, мнеб хотелось чтоб табличка была резиновая, поэтому и в процентах... а рамки по понятным соображениям в процентах не ставлю.

Народ. ВЫ что извращенцы? Какого хрена вы имитируете таблицу блоками? Где вы такое видили? Хабры начитались что ли? Таблица должна быть таблицей, блок блоком.

Выкиньте всю дурь из головы