<table> на весь экран

@Jee · Регистрация: 10.03.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте.
HTML только начал изучать, поэтому прошу сильно не пинать и помочь в решении следующей задачи:
надо создать такую таблицу, которая бы занимала 100% экрана по ширине и высоте (т.е. чтобы прокрутки вообще не было).
В этой таблице должно быть два столбца (ячейки), равных по ширине.
В левой ячейке должен быть рисунок (есть jpg 800х1200), надо чтобы он вписывался в эту ячейку и "не расширял ее", т.е. чтобы он в ширину всегда был "пол экрана", а в высоту - весь экран.
Пока что только родил вот это, но рисунок растягивает ячейку и появляется прокрутка (((

HTML5
1
2
3
4
5
6
7
8
9
10
<table border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                   <tr> 
                           <td>              
                                      <img src="1.jpg">                
                           </td>                    
                    
                            <td>                           
                            </td>                    
                   </tr>
</table>

Прошу помочь. Заранее спасибо!

@planod · 10.03.2012, 05:45

HTML5
1
align="left"

не обязательно
лучше поставить

HTML5
1
width="100%"

, это растянет таблицу на всю ширину окна браузера.
у td прописать

HTML5
1
width="50%"

, а у img прописать стиль

CSS
1
width: inherit

...попробуйте так)

@Jee · 10.03.2012, 16:08 **[ТС]**

planod, спасибо, но....
в Мозилее стало норм, а в IE(7) все равно рисунок раздвигает ячейку таблицы и вылезает за рамки экрана (((
Может можно все-таки как-то сделать так, чтобы рисунок в левой ячейке таблицы не вылезал вниз за экран?
Или может я в 1 посте не совсем понятно описал: ячейки в принципе не обязательно равные по ширине надо, главное, чтобы они в высоту не расползались при вставке в них рисунка, высота которого больше высоты экрана.

Добавлено через 3 часа 25 минут
help

@conformist · 10.03.2012, 18:23

CSS
1
2
3
td{
   overflow:hiddden;
}

@planod · 11.03.2012, 09:07

может такой вариант

CSS
1
2
3
img {
width: inherit;
height: inherit}

@Jee · 11.03.2012, 15:09 **[ТС]**

Сообщение от conformist

CSS
1
2
3
td{
   overflow:hiddden;
}

не помогло

Сообщение от planod

может такой вариант

CSS
1
2
3
img {
width: inherit;
height: inherit}

не помогло

Может есть еще идеи???

задача все та же: нужна таблица на весь экран (1 ряд, 2 ячейки).
В левую ячейку поместить большой рисунок так, чтобы он всегда занимал 100% высоты экрана и не создавал полосу прокрутки.

Help

@Dimedrol · 11.03.2012, 15:48

А это обязательно таблицей делать?

@Heleg · 11.03.2012, 16:03

а лишнее от рисунка должно обрезаться?

@Dimedrol · 11.03.2012, 16:05

Heleg, как я понял, рисунок должен быть резиновым.
Jee, Если я прав, то надо использовать JavaScript.

@conformist · 11.03.2012, 17:07

в том то и дело, что как можно разместить рисунок в 1200 пикселей высотой, без полосы прокрутки?! вы ее там разместили, так и сделайте ее по высоте под минимальный размер монитора. а вообще, если картинки так нужны, то таблицы для этого очень плохая идея, делайте дивами. и все же javascript нужен для этого

@Jee · 11.03.2012, 22:08 **[ТС]**

Сообщение от Dimedrol

А это обязательно таблицей делать?

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

Сообщение от Heleg

а лишнее от рисунка должно обрезаться?

конечно НЕТ!!! Ничего не должно обрезаться.

Сообщение от Dimedrol

Heleg, как я понял, рисунок должен быть резиновым.

ДА, совершенно верно!

Сообщение от Dimedrol

Jee, Если я прав, то надо использовать JavaScript.

Пробовал скриптом, но ie тогда блокирует выполнение сценариев ActiveX и надо постоянно говорить ему: разрешаю, выполняй. Ну это совсем не гут ((((

Все же надеюсь, что можно эту задачу решить без скриптов.
Буду очень благодарен, если кто-то подскажет КАК...

@Heleg · 13.03.2012, 12:22

разве не так? http://dl.dropbox.com/u/16443771/index.html (в эксплорере не проверял)

и просто до кучи, border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" пора забыть и заменить эти атрибуты css'ом

@Jee · 13.03.2012, 14:05 **[ТС]**

Сообщение от Heleg

разве не так? http://dl.dropbox.com/u/16443771/index.html (в эксплорере не проверял)

Да, в итоге выглядеть должно примерно так,

НО: у вас там рисунок 552х552 и при большом экране он растягивается так, что мама не горюй ((((
У меня же рисунок - специально широкоформатный, в высоту 1200, чтобы на любой экран хватило.
Так как же сделать так, чтобы он всегда вписывался в экран?

Неужели никто не поможет??

@Heleg · 13.03.2012, 14:43

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

@Jee · 13.03.2012, 19:15 **[ТС]**

Heleg, взял код из приведенного вами примера, подставил туда свой jpg (ширина 800, высота 1200), в результате: рисунок растягивает ячейку и появляется полоса прокрутки (((((

а мне надо, чтобы рисунок всегда принимал высоту экрана!!!!!
ну как еще объяснить?
есть jpg 800 на 1200, надо чтобы он всегда был в левой части экрана и его высота всегда равнялась высоте экрана, чтоб прокрутки вообще не было вертикальной.

Я в html разбираюсь 2-ю неделю, мне пока с этой задачей не справиться ((
неужели нет никого, кто мог бы осилить этот вопрос?

@conformist · 13.03.2012, 22:41

Сообщение от Jee

Высота самого рисунка - 1200, так что должно хватить на любой экран

вот любопытный факт, у меня на домашнем компе разрешение 1024х768- каким образом хватит на "любой экран"?
тут без javascript не обойтись, он умеет под любой экран подстраивать разрешение, да и то, геморройно

@Mi1ady · 13.03.2012, 23:02

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

@Jee · 14.03.2012, 01:05 **[ТС]**

Сообщение от conformist

вот любопытный факт, у меня на домашнем компе разрешение 1024х768- каким образом хватит на "любой экран"?

conformist, и почему же, на ваш взгляд, моего рисунка высотой в 1200 не хватит на ваш экран??????

Сообщение от conformist

тут без javascript не обойтись

скриптом я уже пробовал (и об этом я уже написал выше) - все супер, рисунок по высоте вписывается в любой экран, но ie блокирует выполнение сценариев ActiveX и надо постоянно вручную разрешать выполнение сценариев ((((

Сообщение от Mi1ady

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

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

-----
Форум!!! Что, правда, это НЕРАЗРЕШИМАЯ задача??
Никто не знает как это сделать?

@Mi1ady · 14.03.2012, 01:59

Сообщение от Jee

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

Для этого надо чтобы экран у всех был минимум в 1200 всегда

Или задайте height="100%" ячейке с рисунком - он автоматически уменьшится до нужных размеров, сохранив пропорции...

@Heleg · 14.03.2012, 09:53

вставил в код рисунок 606 x 8104 та же самая страница

вот скрин страницы - рисунок сжался по высоте. если у тебя отображается не так, требую твой скрин и наименование браузера, а так же платформу и версию

Добавлено через 9 минут
судя по этой цитате,

Сообщение от Jee

Я в html разбираюсь 2-ю неделю

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

Добавлено через 2 минуты
сразу дополню, что загрузка jpg 800х1200 на страницу должна быть оооооочень оправдана

Новые блоги и статьи Все статьи Все блоги /
Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .

@Jee 1 / 1 / 0 Регистрация: 10.03.2012 Сообщений: 40
	10.03.2012, 16:08 [ТС]
	planod, спасибо, но.... в Мозилее стало норм, а в IE(7) все равно рисунок раздвигает ячейку таблицы и вылезает за рамки экрана ((( Может можно все-таки как-то сделать так, чтобы рисунок в левой ячейке таблицы не вылезал вниз за экран? Или может я в 1 посте не совсем понятно описал: ячейки в принципе не обязательно равные по ширине надо, главное, чтобы они в высоту не расползались при вставке в них рисунка, высота которого больше высоты экрана. Добавлено через 3 часа 25 минут help 0

@Dimedrol 2378 / 941 / 129 Регистрация: 25.04.2009 Сообщений: 2,635 Записей в блоге: 4
	11.03.2012, 15:48
	А это обязательно таблицей делать? 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	11.03.2012, 16:03
	а лишнее от рисунка должно обрезаться? 0

@Dimedrol 2378 / 941 / 129 Регистрация: 25.04.2009 Сообщений: 2,635 Записей в блоге: 4
	11.03.2012, 16:05
	Heleg, как я понял, рисунок должен быть резиновым. Jee, Если я прав, то надо использовать JavaScript. 0

@conformist O tempora, o mores! 238 / 172 / 13 Регистрация: 15.01.2012 Сообщений: 681
	11.03.2012, 17:07
	в том то и дело, что как можно разместить рисунок в 1200 пикселей высотой, без полосы прокрутки?! вы ее там разместили, так и сделайте ее по высоте под минимальный размер монитора. а вообще, если картинки так нужны, то таблицы для этого очень плохая идея, делайте дивами. и все же javascript нужен для этого 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	13.03.2012, 12:22
	разве не так? http://dl.dropbox.com/u/16443771/index.html (в эксплорере не проверял) и просто до кучи, border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" пора забыть и заменить эти атрибуты css'ом 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	13.03.2012, 14:43
	рисунок любого размера примет пропорции ячейки таблицы, не важен размер, этот рисунок был только для примера. или нужно ещё как-то хитро растянуть? прошу пояснить, т.к. не вполне понимаю задачу 0

@Jee 1 / 1 / 0 Регистрация: 10.03.2012 Сообщений: 40
	13.03.2012, 19:15 [ТС]
	Heleg, взял код из приведенного вами примера, подставил туда свой jpg (ширина 800, высота 1200), в результате: рисунок растягивает ячейку и появляется полоса прокрутки ((((( а мне надо, чтобы рисунок всегда принимал высоту экрана!!!!! ну как еще объяснить? есть jpg 800 на 1200, надо чтобы он всегда был в левой части экрана и его высота всегда равнялась высоте экрана, чтоб прокрутки вообще не было вертикальной. Я в html разбираюсь 2-ю неделю, мне пока с этой задачей не справиться (( неужели нет никого, кто мог бы осилить этот вопрос? 0

@Mi1ady 51 / 23 / 1 Регистрация: 18.12.2011 Сообщений: 101
	13.03.2012, 23:02
	Если там только рисунок, то вы можете сделать его просто бэкграундом в ячейке...Все лишнее будет обрезаться 0