Перейти к публикации

Большая картинка рвет страницу


Рекомендованные сообщения

Прошу помидорами не закидывать ситуация

есть таблица жестко заданная размерами в 1000 пикселей.

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

Как задать железобетонно размер таблицы чтобы ее ничего изнутри не разрывало?

Ссылка на сообщение
Поделиться на других сайтах

1)

<table>

  <tr>

	<td>

	  <div style="width:1000px;overflow:hidden"><img src="big.jpg" /></div>

	</td>

  </tr> 

</table>


2)

<div style="width:1000px;overflow:hidden">

<table>

  <tr>

	<td>

	  <img src="big.jpg" />

	</td>

  </tr> 

</table>

</div>

В этом случае лишнее будет скрыто

Ссылка на сообщение
Поделиться на других сайтах
  • 2 недели спустя...

overflow:auto;

И полоса прокрутки появится только тогда, когда она действительно нужна.

При overflow:scroll она есть всегда

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...