Разные таблицы в браузерах

Lincky · November 19, 2009

Вот код

<!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" lang="ru" xml:lang="ru">

<head>
<title>Структурированные продукты</title>
<style>
	.t-calc1 th, .t-calc2 th {border:1px solid #CCE8F3; padding:1px; vertical-align:middle; text-align:center; color:#fff; font-weight:bold;}
	.t-calc1 th div {padding:5px 10px 6px; background:#59B6D7}
	.t-calc1 td {border:1px solid #CCE8F3; vertical-align:middle;}
	.t-calc1 td span {display:block; margin:0 0 3px;}
	.t-calc1 input{vertical-align:middle; width:90px; height:19px; padding:2px 0 2px 3px; text-align:right;}
	.t-calc1 .void {background:none;border:0;}
	.t-calc1 .name {text-align:left;}
</style>
</head>

<body >
<table class="t-calc1">
<tr>
	<th  style="width:166px;"><div>Входные данные</div></th>
	<th  style="width:141px;"><div>Входные данные</div></th>
</tr>
<tr>
	<td class="name" >

	Текущая цена базового актива</td>
	<td><input type="text" /></td>
</tr>
<tr>
	<td class="name">

	Страйк опциона</td>
	<td><input type="text" /></td>
</tr>
<tr>
	<td class="name">

	Волатильность</td>
	<td><input type="text" /> %</td>
</tr>
<tr>
	<td class="name">

	Безрисковая процентная ставка</td>
	<td><input type="text" /> %</td>
</tr>
<tr>
	<td class="name">Текущая дата</td>
	<td><input type="text" /></td>
</tr>
<tr>
	<td class="name">Дата истечения</td>
	<td><input type="text" /></td>
</tr>
<tr>
	<td class="name">Срок опциона</td>
	<td>
		<span><input type="text" /> дней </span>
		<input type="text" /> лет
	</td>
</tr>
</table>
</body>
</html>

В огнелисе и ie ширина столбцов та, что надо. Opera, chrome - значительно больше. Вопрос: с чем связано такое различие и как, меняя стили только в коде таблицы, добиться одинаковой ширины.

psywalker · November 19, 2009

Ограничь ширину самой таблицы, в чём проблема?

Lincky · November 19, 2009

Ограничь ширину самой таблицы, в чём проблема?

эт понятно. но дело в том, что делать это нельзя.

psywalker · November 19, 2009

эт понятно. но дело в том, что делать это нельзя.

А как же ты хочешь ограничить ширину, если в принципе этого делать нельзя?

Lincky · November 19, 2009

А как же ты хочешь ограничить ширину, если в принципе этого делать нельзя?

у меня заданы в первой строке для td ширина. почему она в разных браузерах разная?

psywalker · November 19, 2009

у меня заданы в первой строке для td ширина. почему она в разных браузерах разная?

Я не знаю, я задаю, у меня всё везде работает .t-calc1 td {border:1px solid #CCE8F3; vertical-align:middle;width: 100px;}

Lincky · November 19, 2009

Я не знаю, я задаю, у меня всё везде работает .t-calc1 td {border:1px solid #CCE8F3; vertical-align:middle;width: 100px;}

в самих стилях не задавай. и вообще, зайди в скайп, я тебе написал.

psywalker · November 19, 2009

в самих стилях не задавай. и вообще, зайди в скайп, я тебе написал.

Тогда я только вижу выход в инлайн стилях, по другому я решения не вижу, прости, в Скайп тебе отписал

Sign In

Разные таблицы в браузерах

Question

Lincky

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Lincky

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Lincky

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Lincky

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information