Div внутри таблицы меняет ширину столбца, а не должен...

Aurica · April 7, 2009

Имеется таблица, центральный столбец фиксированный, крайние разъезжаются и делят по 50% оставшейся ширины. Как только добавляю div в крайний столбец - он разъезжается, хотя текст влезает в ту ширину что была, и крайняя колонка становится заметно шире первой, причем, вроде только в Firefox (у меня 3.08). Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ Без Имени</title>

<style type="text/css">
<!--
table,td {
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
}
-->
</style>
</head>

<body>
<table>
<tr>
<td style="width:50%">1</td>
<td style="width:766px"><div style="width:766px;">2</div></td>
<td style="width:50%">3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>
		<div>Есть вопросы?</div>
	</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>

Ну, а мне надо, чтоб ширина крайних столбцов была одинакова, и div необходим, там фон и у ячейки и у дива нужен будет...

Вот в картинках:Firefox

Opera

Edited April 7, 2009 by Aurica

Nekromancer · April 7, 2009

центральный столбец фиксированный, крайние разъезжаются и делят по 50% оставшейся ширины

какаето странная логика%)

у меня всё норм показывает в ФФ.. только при уменьшении экрана правый блок больше левого из-за текста...

может просто стоит задать для всех ячее точные данные?

Aurica · April 7, 2009

может просто стоит задать для всех ячее точные данные?

Не могу. Для других разрешений экрана крайние столбцы должны заполнять все оставшееся пространство

Кстати, ширина разная, я меряла и на меньших размерах среднего столбца. Разница около 10 пикселей, просто это заметно на 1024х768, на б'ольших разрешениях особо не заметно.

Можно делать расширяющимся центральный столбец но тогда в нем появится еще одна таблица или дивы, поскольку придется разбивать фоновый рисунок, да и все странички на сайте придется переделывать...

В чем разница других страничек и этой - понять не могу, единственное знаю - те я просто редактировала (много, но тем не менее сама структура осталась) а эту сама написала от и до и выскочила эта проблемка. Показываю, естественно, не весь код, а минимальный, при котором проблема выскакивает.

Edited April 7, 2009 by Aurica

Nekromancer · April 7, 2009

там текст разной длины, видимо проценты на него не адекватно реагируют.. прибавляя его к ширине.. засунь в левый столбец такой же текст, даже без дива, и всё ок

Aurica · April 7, 2009

Хм, не совсем понимаю, что значит текст разной длины? В FF вроде ясно видно, что после текста еще много места остается... А текст слева мне совсем не нужен, и display:none для текста левой колонки убирает всю его полезность. Цвета фона сделать его не могу - там градиент будет. Может есть еще вариант чтобы текст присутствовал в левом столбце, но не был виден?

В левом столбце будут только фоновые картинки

Edited April 7, 2009 by Aurica

SelenIT · April 7, 2009

table-layout:fixed не помогает?

Nekromancer · April 7, 2009

если хочешь чтоб текст небыл виден то style="visibility:hidden;"

я имел введу что в левой колонке текста всего ничего, а именно 1 символ.. а в правой текст большой длины(относительно левой колонки), потому и выходит такая диформация%)

table-layout:fixed не помогает?

и для таблицы width: 100% тогда

Aurica · April 7, 2009

table-layout:fixed не помогает?

и для таблицы width: 100% тогда

Спасибо! По отдельности не сработало, а вместе помогли!

Sign In

Div внутри таблицы меняет ширину столбца, а не должен...

Question

Aurica

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Nekromancer

Link to comment

Share on other sites

Aurica

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

Aurica

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

Aurica

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information