X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Везде кроме ИЕ не центрируются таблицы
MetSerp
MetSerp
Topic Starter сообщение 13.9.2009, 16:49; Ответить: MetSerp
Сообщение #1


имеется:
<!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('Нажатие этой кнопки производит расчет стоимости статов')">&gt;Подробнее&lt;</a></td>
</tr>
<tr>
<td colspan="6">&nbsp;</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 скрины в прицепе
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 13.9.2009, 17:48; Ответить: alexdrob
Сообщение #2


не смотрел код но я центрую всегда
style="margin:0 auto"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
Topic Starter сообщение 13.9.2009, 18:37; Ответить: MetSerp
Сообщение #3


Спасибо, то что нужно :droch:
Но почему у мозилы оранжевая рамка появляется непойму.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Отсортировать данные таблицы
по дням/часам и тп
3 tube 2316 1.7.2017, 0:38
автор: Shandanakar
Открытая тема (нет новых ответов) Ставим ссылки везде и недорого
7 Radichenko 5737 28.3.2017, 13:29
автор: -Novikova-
Открытая тема (нет новых ответов) Нужно настроить мои Таблицы Google
1 rownong27 2459 25.5.2016, 0:13
автор: -rownong-
Открытая тема (нет новых ответов) Подскажите биржу вечных ссылок, где много UA (кроме сапы и GGL)
7 Harddriver 3476 20.1.2016, 18:43
автор: batya
Открытая тема (нет новых ответов) Экспорт таблицы с сайта
2 wolf7808 3060 17.10.2015, 9:42
автор: -wolf7808-


 



RSS Текстовая версия Сейчас: 29.3.2024, 12:00
Дизайн