Форум Сайтостроение Веб-строительство

вопрос знатокам css

12
DriverCat
На сайте с 10.04.2008
Offline
116
DriverCat
833

Есть следующий код: 


<html>



<head>

  <title></title>

</head>



<body style="border: solid 1px red; margin: 0px;">

<table border="1">

	<tr>

		<td width="260px;">22222</td>

		<td>55555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555</td>

	</tr>

</table>



</body>



</html>

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

iren K
На сайте с 28.12.2008
Offline
222
iren K
#1
DriverCat:
я чего-то не правильно делаю???

таблицу в процентах задайте..и td смотрите соотв..

c уважением Iren
DriverCat
На сайте с 10.04.2008
Offline
116
DriverCat
#2
iren K:
таблицу в процентах задайте..и td смотрите соотв..

таблице задал width: 100%, первая ячейка у меня 260px, вторая нужно чтобы растягивалась сама, то есть ей не нужно вроде задавать получается... то же самое..

Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
Руслан Исмаилов
#3

DriverCat, такой текст небудет переносится. Ед., что бы за пределы body невылазило оберните таблицу в блок и дайте ему свойство overflow:hidden;

iren K
На сайте с 28.12.2008
Offline
222
iren K
#4
DriverCat:
таблице задал width: 100%, первая ячейка у меня 260px, вторая нужно чтобы растягивалась сама, то есть ей не нужно вроде задавать получается... то же самое..

задайте ей width: auto

kievyes
На сайте с 31.05.2011
Offline
36
kievyes
#5

растягивается за пределы потому что у тебя

<td>55555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555</td>
одно слово, оно не разрывно - если поставишь пробелы будет нормально

kievyes добавил 17.08.2011 в 16:59

даже тут видешь растянуло))

DriverCat
На сайте с 10.04.2008
Offline
116
DriverCat
#6
musulman:
DriverCat, такой текст небудет переносится. Ед., что бы за пределы body невылазило оберните таблицу в блок и дайте ему свойство overflow:hidden;

я знаю, что не переносится, мне не нужно, чтобы переносилось, мне нужно, чтобы body растягивался в соответствии с дочерним элементом... <div style="overflow:hidden;"> не подходит, так как инфа то в таблице нужная...

width: auto тоже не помогает...

Joker-jar
На сайте с 26.08.2010
Offline
154
Joker-jar
#7

А засунуть такую таблицу в блок с 

overflow-x: scroll;

может? (не будет раздвигать body, но для просмотра широкой таблицы будет скролл)

DriverCat
На сайте с 10.04.2008
Offline
116
DriverCat
#8
Joker-jar:
А засунуть такую таблицу в блок с 
overflow-x: scroll;

может? (не будет раздвигать body, но для просмотра широкой таблицы будет скролл)

чего-то оно у меня как-то странно работает, ползунок появляеться только, если пролистать до конца страницы, да и не то это ...

[Удален]
#9

Попробуйте как описано тут.

http://blog.kron0s.com/wrapping-content

DriverCat
На сайте с 10.04.2008
Offline
116
DriverCat
#10
Сашко:
Попробуйте как описано тут.
http://blog.kron0s.com/wrapping-content

попробовал, не помогло... почему же все таки body не растягивается?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий