Вот тебе табличное решение.
Проверенно на IE8, FF, Opera.
Html table:
Код:
<table width="500">
<tr>
<td class="title1">Название игры
</td>
<td class="title2">Оценка
</td>
<td class="title3">Дата выхода
</td>
</tr>
<tr class="firstRow">
<td class="left">11111111111111
</td>
<td class="center">111111
</td>
<td class="right">11111111111111
</td>
</tr>
<tr class="secondRow">
<td class="left">22222222222222
</td>
<td class="center">222222
</td>
<td class="right">33333333333333
</td>
</tr>
<tr class="firstRow">
<td class="left">11111111111111
</td>
<td class="center">111111
</td>
<td class="right">11111111111111
</td>
</tr>
</table>
CSS code:
Код:
.title1, .title2, .title3
{
font-family: 'Times New Roman' , Times, serif;
font-size: 14px;
background-color: #0099FF;
color: White;
}
.title1
{
width: 250px;
text-align: left;
}
.title2
{
width: 100px;
text-align: center;
}
.title3
{
width: 150px;
text-align: center;
}
.firstRow
{
height: 40px;
font-family: 'Times New Roman' , Times, serif;
font-size: 12px;
background-color: #FFFFFF;
}
.secondRow
{
height: 40px;
font-family: 'Times New Roman' , Times, serif;
font-size: 14px;
background-color: #CCCCCC;
}
.left
{
text-align: left;
}
.right
{
text-align: center;
}
.center
{
text-align: center;
}
Играйся сколько хочешь с размерами ячейки (до 500 px всего или меняешь вверху) и шрифтом.