<table width='500' align='center' border='1'>
<td width='100'>
<table width='100%'>
<td>asddsasa</td>
</table>
<td width='400'>asdddddd</td>
</table>
Вылазит табличка больше, чем указано!
Подскажите пожалуйста почему у меня вылазит текст за ширину, которую я указал?
Вот например у меня есть табличка на две ячейки!! первая ячейка шириной 100 пикселей, вторая 400!!!!!!!! и когда например в первой ячейке писать какой нибудь текст - он вылазит за этих 100 пикселей (то есть рамка двигается), а хотелось бы, чтобы текст просто спускался вниз.....
Посмотрите пожалуйста КОД и если можете обясните что не так!
В общем хотелось бы, чтобы текст не двигал рамку, а спускался вниз.
Заранее благодарен!
Вот например у меня есть табличка на две ячейки!! первая ячейка шириной 100 пикселей, вторая 400!!!!!!!! и когда например в первой ячейке писать какой нибудь текст - он вылазит за этих 100 пикселей (то есть рамка двигается), а хотелось бы, чтобы текст просто спускался вниз.....
Посмотрите пожалуйста КОД и если можете обясните что не так!
Код:
В общем хотелось бы, чтобы текст не двигал рамку, а спускался вниз.
Заранее благодарен!
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>123</title>
<style type="text/css">
#outer
{width:500px;
margin:0 auto;}
td
{border:1px solid black;}
</style>
</head>
<body>
<table id="outer">
<tr>
<td style="width:100px;">
<p>Это меньшая ячейка. Текст переносится, как и задумано.</p>
</td>
<td style="width:400px;">
<p>Это это бОльшая ячейка.</p>
</td>
</tr>
</table>
</body>
</html>[/HTML]
<html>
<head>
<title>123</title>
<style type="text/css">
#outer
{width:500px;
margin:0 auto;}
td
{border:1px solid black;}
</style>
</head>
<body>
<table id="outer">
<tr>
<td style="width:100px;">
<p>Это меньшая ячейка. Текст переносится, как и задумано.</p>
</td>
<td style="width:400px;">
<p>Это это бОльшая ячейка.</p>
</td>
</tr>
</table>
</body>
</html>[/HTML]
Комаджу, спасибо, реально помог!
Оказывается не в этом проблема..... мой код тоже работает и переносит нормально! но баг заметил только текстом без пробелов )))
Не пойму почему так переносит нормально
[HTML] <tr>
<td style="width:100px;">
<p>Это меньшая ячейка. Текст переносится, как и задумано.</p>
</td>
<td style="width:400px;">
<p>Это это бОльшая ячейка.</p>
</td>
</tr>[/HTML]
А так не хочет
[HTML] <tr>
<td style="width:100px;">
<p>dddddddddddddddddddddddd</p>
</td>
<td style="width:400px;">
<p>Это это бОльшая ячейка.</p>
</td>
</tr>[/HTML]
То есть подвигает таблицу :( я понимаю, что оно думает это как одно слово, но всеже могло б хотя бы как-то перенести..
Если существуют какие нибудь решения для такого, напишите пожалуйста, а если это фантазии, то черт с ним тогда!
Спасибо.
Не пойму почему так переносит нормально
[HTML] <tr>
<td style="width:100px;">
<p>Это меньшая ячейка. Текст переносится, как и задумано.</p>
</td>
<td style="width:400px;">
<p>Это это бОльшая ячейка.</p>
</td>
</tr>[/HTML]
А так не хочет
[HTML] <tr>
<td style="width:100px;">
<p>dddddddddddddddddddddddd</p>
</td>
<td style="width:400px;">
<p>Это это бОльшая ячейка.</p>
</td>
</tr>[/HTML]
То есть подвигает таблицу :( я понимаю, что оно думает это как одно слово, но всеже могло б хотя бы как-то перенести..
Если существуют какие нибудь решения для такого, напишите пожалуйста, а если это фантазии, то черт с ним тогда!
Спасибо.
С помощью JS можно решить вопрос. Ограничиваете максимальную длину слова и разделяете пробелом или знаком переноса. По умолчанию, браузеры не переносят слово, а продолжают его.
ЗЫ: Кстати, этот вопрос неоднократно обсуждался на нашем форуме - используйте поиск, там были примеры готовых решений.
ЗЫ: Кстати, этот вопрос неоднократно обсуждался на нашем форуме - используйте поиск, там были примеры готовых решений.