имеется:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Плюшки для бомжей</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/function.js"></script>
</head>
<body>
<div id="content">
<table border="0" align="center">
<tr>
<td colspan="3" align="center" valign="middle">Выберите вашу расу (обязательно)</td>
</tr>
<tr>
<td align="center" valign="middle"><img src="img/img_1_1.jpg" alt="Толстяк" onclick="set_race(1,'fat')"/></td>
<td align="center" valign="middle"><img src="img/img_2_2.jpg" alt="Карлик" onclick="set_race(2,'small')"/></td>
<td align="center" valign="middle"><img src="img/img_3_3.jpg" alt="Дохляк" onclick="set_race(3,'skini')"/></td>
</tr>
</table>
<table border="0" align="center" class="class" id="fat">
<tr>
<td colspan="3" align="center" valign="middle">Выберите ваш класс (нужно для некоторых функций)</td>
</tr>
<tr>
<td align="center" valign="middle"><img src="img/img_1_1.jpg" alt="Буйный толстяк" onclick="set_class (1)"/></td>
<td align="center" valign="middle"><img src="img/img_1_2.jpg" alt="Алкаш толстяк" onclick="set_class (2)"/></td>
<td align="center" valign="middle"><img src="img/img_1_3.jpg" alt="Грязнуля толстяк" onclick="set_class (3)"/></td>
</tr>
</table>
<table border="0" align="center" class="class" id="small">
<tr>
<td colspan="3" align="center" valign="middle">Выберите ваш класс (нужно для некоторых функций)</td>
</tr>
<tr>
<td align="center" valign="middle"><img src="img/img_2_1.jpg" alt="Буйный карлик" onclick="set_class (1)"/></td>
<td align="center" valign="middle"><img src="img/img_2_2.jpg" alt="Алкаш карлик" onclick="set_class (2)"/></td>
<td align="center" valign="middle"><img src="img/img_2_3.jpg" alt="Грязнуля карлик" onclick="set_class (3)"/></td>
</tr>
</table>
<table border="0" align="center" class="class" id="skini">
<tr>
<td colspan="3" align="center" valign="middle">Выберите ваш класс (нужно для некоторых функций)</td>
</tr>
<tr>
<td align="center" valign="middle"><img src="img/img_3_1.jpg" alt="Буйный дохляк" onclick="set_class (1)"/></td>
<td align="center" valign="middle"><img src="img/img_3_2.jpg" alt="Алкаш дохляк" onclick="set_class (2)"/></td>
<td align="center" valign="middle"><img src="img/img_3_3.jpg" alt="Грязнуля дохляк" onclick="set_class (3)"/></td>
</tr>
</table>
<form id="calculator" name="calculator" method="post" action="" class="class">
<table border="1" align="center" >
<tr>
<td rowspan="11" align="center" valign="middle"><img src="img/img_0_0.jpg" alt="внешний вид персонажа" name="pers_img" id="pers_img" /></td>
<td nowrap="nowrap"><strong>Статы</strong></td>
<td nowrap="nowrap"><strong>Сейчас</strong></td>
<td nowrap="nowrap"><strong>Считать до:</strong></td>
<td><strong>Стоимость прокачки</strong></td>
<td><strong>Прокачка стата стоила:</strong></td>
<td><strong>Среднее на уровень:</strong>(<a href="#calculator" onclick=" dialog ('Данная функция планируется в следующей версии')">?</a>)</td>
</tr>
<tr>
<td nowrap="nowrap"><strong>Мышца:</strong></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="c_Force" type="text" id="c_Force" value="0" size="6" maxlength="4" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="p_Force" type="text" id="p_Force" value="0" size="6" maxlength="4" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="p_Force_price" type="text" id="p_Force_price" size="15" maxlength="10" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="c_Force_price" type="text" id="c_Force_price" size="15" maxlength="10" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="m_Stat_Force" type="text" id="m_Stat_Force" size="14" maxlength="10" readonly="readonly" /></td>
</tr>
<tr>
<td nowrap="nowrap"><strong>Жир:</strong></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="c_Fat" type="text" id="c_Fat" value="0" size="6" maxlength="4" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="p_Fat" type="text" id="p_Fat" value="0" size="6" maxlength="4" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="p_Fat_price" type="text" id="p_Fat_price" size="15" maxlength="10" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="c_Fat_price" type="text" id="c_Fat_price" size="15" maxlength="10" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="m_Stat_Fat" type="text" id="m_Stat_Fat" size="14" maxlength="10" readonly="readonly" /></td>
</tr>
<tr>
<td nowrap="nowrap"><strong>Резкость:</strong></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="c_Rapidity" type="text" id="c_Rapidity" value="0" size="6" maxlength="4" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="p_Rapidity" type="text" id="p_Rapidity" value="0" size="6" maxlength="4"/></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="p_Rapidity_price" type="text" id="p_Rapidity_price" size="15" maxlength="10" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="c_Rapidity_price" type="text" id="c_Rapidity_price" size="15" maxlength="10" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="m_Stat_Rapidity" type="text" id="m_Stat_Rapidity" size="14" maxlength="10" readonly="readonly" /></td>
</tr>
<tr>
<td nowrap="nowrap"><strong>Извилины:</strong></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="c_Intelligence" type="text" id="c_Intelligence" value="0" size="6" maxlength="4" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="p_Intelligence" type="text" id="p_Intelligence" value="0" size="6" maxlength="4" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="p_Intelligence_price" type="text" id="p_Intelligence_price" size="15" maxlength="10" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="c_Intelligence_price" type="text" id="c_Intelligence_price" size="15" maxlength="10" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="m_Stat_Intelligence" type="text" id="m_Stat_Intelligence" size="14" maxlength="10" readonly="readonly" /></td>
</tr>
<tr>
<td nowrap="nowrap"><strong>Общий результат:</strong></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="c_Summ" type="text" id="c_Summ" size="6" maxlength="4" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="p_Summ" type="text" id="p_Summ" size="6" maxlength="4" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="p_Summ_price" type="text" id="p_Summ_price" size="15" maxlength="10" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="c_Summ_price" type="text" id="c_Summ_price" size="15" maxlength="10" readonly="readonly" /></td>
<td align="center" valign="middle" nowrap="nowrap"><input name="m_Stat_gen" type="text" id="m_Stat_gen" size="14" maxlength="10" readonly="readonly" /></td>
</tr>
<tr>
<td><input type="button" name="cost" id="cost" value="Итог" onclick="calculate_result()" /></td>
<td colspan="5"><a href="#calculator" onclick="dialog('Нажатие этой кнопки производит расчет стоимости статов')">>Подробнее<</a></td>
</tr>
<tr>
<td colspan="6"> </td>
</tr>
</table>
</form>
</div>
<div id="copy">© MetSerp <a href="about.php">О проекте</a></div>
<div class="class" id="dialog" onclick="this.style.display = 'none'"></div>
</body>
</html>
и css:
[PHP]* {
margin : 0;
color : #f60;
font-family : "Comic Sans MS", cursive;
}
table {
position : relative;
}
input {
color : #000;
}
#dialog, #error {
border-color : #fff;
border-style : solid;
height : 30%;
left : 35%;
padding-left : 2%;
padding-top : 2%;
position : fixed;
top : 35%;
width : 30%;
}
.class {
display : none;
}
a {
color : #fff;
cursor : help;
}
form {
border-style : none;
border-width : 0;
}
body, #dialog {
background : url(../img/backgr.gif) left;
}
img {
cursor : pointer;
}
#content {
clear : both;
}
#copy {
position : relative;
margin-bottom : 0;
clear : both;
color : #fff;
text-align : center;
}
#report_text {
width : 100%;
}
#calculator {
font-style : oblique;
font-size : 14px;
border-style : solid;
}
#menu {
position : fixed;
left : 0;
top : 3%;
width : 200px;
overflow : visible;
border-style : solid;
border-color : #fff;
}[/PHP]
в 7м ие все отлично и как задуманно, а вот мозила и хром (в остальных не проверял) все таблицы выравнивают по левому краю уже каждой таблице прописал что позицион у нее центр а им хоть бы хрен
ЗЫ не обращайте внимание что сама форма странная, это я для одной онлайн браузерки калькулятор статов наваял :sarcastic: определения оттуда :pionertrava: )
Фаерфокс в нагрузку еще и рамку красит в цвет текста с небольшой градацией, хотя я и прописывал уже в стилевом файле что цвета фона нет, ей все равно.
Ps скрины в прицепе