Не работает white-space: nowrap

milax · October 14, 2007

Здравствуйте, помогите пожалуйста.

В общем, есть вот такой кусок кода:

<table>
<tr>
		<td class="lefter">Теги</td>
		<td class="sports">
			  <div class="word">
					<div class="floatL"><input type="checkbox" id="chk1" /></div>
					<div class="floatL"><label for="chk1">Слово тег</label></div>
				  </div>
				  <div class="word">
					<div class="floatL"><input type="checkbox" id="chk2" /></div>
					<div class="floatL"><label for="chk2">Слово тег</label></div>
				  </div>
		  </td>
</tr>
</table>

вот кусок css:

table td.sports { width: 610px; background: #f2f2f2; padding-left: 5px; }
table td.sports .word { float: left; white-space: nowrap; }
table td.sports input { width: 15px; margin-right: 3px;  margin-left: 3px; float: left;}
table td.sports label { color: #000; font-size: 12px; margin-top: 2px; padding-right: 25px; float: left;}
table td.sports .floatL { margin-top: 5px; }

В Файрфоксе все Ок... В ИЕ - нет white-space: nowrap; - не пашет. Инпут и лабел переносятся на разные строки... Подскажите, что не так и каким способом можно решить данную проблему... Все и по разному перепробовал уже. Заранее благодарен.

Dimitry Wolotko · October 14, 2007

-> Проблемы с версткой.

milax · October 14, 2007

Простите, а в чем они выражены?

P.S. Только не отвечайте, пожалуйста, что версткой

D.S.Denton · October 14, 2007

я бы не объявлял дивы .floatL блочными... ну никак это здесь не вяжется

milax · October 14, 2007

я бы не объявлял дивы .floatL блочными... ну никак это здесь не вяжется

почему? а как лучше?

D.S.Denton · October 14, 2007

почему?

ну вот так... если элементу не задавать размеры и его надо сунуть в строку с другими - лучше все-таки прописать display:inline;

как насчет такого преобразования:

<head><style>
#chk1, #chk2, .chk {display:inline;}
</style></head>
<body>
<table><tbody>
  <tr>
	<td class="lefter">Теги</td>
	<td class="sports">
	  <div class="word">
		<input type="checkbox" id="chk1" />
		<label class="chk" for="chk1">Слово тег</label>
	  </div>
	  <div class="word">
		<input type="checkbox" id="chk2" />
		<label class="chk" for="chk2">Слово тег</label>
	  </div>
	</td>
  </tr>
</tbody></table>
</body>

Sign In

Не работает white-space: nowrap

Question

milax

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Dimitry Wolotko

Link to comment

Share on other sites

milax

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

milax

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information