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

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

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

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

HTML5

<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 на страницу должна быть оооооочень оправдана

Блоги программистов
Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .	Полезные поделки на Arduino, которые можно сделать самому raxper 06.01.2025 Arduino как платформа для творчества Arduino представляет собой удивительную платформу для технического творчества, которая открывает безграничные возможности для создания уникальных проектов. Эта. . .	Подборка решений задач на Python IT_Exp 06.01.2025 Целью данной подборки является предоставление возможности ознакомиться с различными задачами и их решениями на Python, что может быть полезно как для начинающих, так и для опытных программистов. . . .	С чего начать программировать микроконтроллеры raxper 06.01.2025 Введение в мир микроконтроллеров Микроконтроллеры стали неотъемлемой частью современного мира, окружая нас повсюду: от простых бытовых приборов до сложных промышленных систем. Эти маленькие. . .
Из чего собрать игровой компьютер inter-admin 06.01.2025 Сборка игрового компьютера требует особого внимания к выбору комплектующих и их совместимости. Правильно собранный игровой ПК не только обеспечивает комфортный геймплей в современных играх, но и. . .	Обновление сайта www.historian.by Reglage 05.01.2025 Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .	Как использовать GraphQL в C# с HotChocolate Programming 05.01.2025 GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .	Модель полного двоичного сумматора с помощью логических операций (python) AlexSky-coder 04.01.2025 def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()	Это мы не проходили, это нам не задавали...(асихронный счётчик с управляющим сигналом задержки). Hrethgir 04.01.2025 Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .	Руководство по созданию бота для Телеграм на Python IT_Exp 04.01.2025 Боты для Телеграм представляют собой автоматизированные программы, которые выполняют различные задачи, взаимодействуя с пользователями через интерфейс мессенджера. В данной статье мы рассмотрим,. . .

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

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

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

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

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

@Jee 1 / 1 / 0 Регистрация: 10.03.2012 Сообщений: 40
	11.03.2012, 22:08 [ТС]	11
	Сообщение от Dimedrol А это обязательно таблицей делать? В принципе не обязательно... Главное, чтобы в левой части экрана был рисунок, который бы всегда занимал весь экран в высоту и не создавал прокрутку. Высота самого рисунка - 1200, так что должно хватить на любой экран. Сообщение от Heleg а лишнее от рисунка должно обрезаться? конечно НЕТ!!! Ничего не должно обрезаться. Сообщение от Dimedrol Heleg, как я понял, рисунок должен быть резиновым. ДА, совершенно верно! Сообщение от Dimedrol Jee, Если я прав, то надо использовать JavaScript. Пробовал скриптом, но ie тогда блокирует выполнение сценариев ActiveX и надо постоянно говорить ему: разрешаю, выполняй. Ну это совсем не гут (((( Все же надеюсь, что можно эту задачу решить без скриптов. Буду очень благодарен, если кто-то подскажет КАК... 0

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

@Jee 1 / 1 / 0 Регистрация: 10.03.2012 Сообщений: 40
	13.03.2012, 14:05 [ТС]	13
	Сообщение от Heleg разве не так? http://dl.dropbox.com/u/16443771/index.html (в эксплорере не проверял) Да, в итоге выглядеть должно примерно так, НО: у вас там рисунок 552х552 и при большом экране он растягивается так, что мама не горюй (((( У меня же рисунок - специально широкоформатный, в высоту 1200, чтобы на любой экран хватило. Так как же сделать так, чтобы он всегда вписывался в экран? Неужели никто не поможет?? 0

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

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

@conformist O tempora, o mores! 238 / 172 / 13 Регистрация: 15.01.2012 Сообщений: 681
	13.03.2012, 22:41	16
	Сообщение от Jee Высота самого рисунка - 1200, так что должно хватить на любой экран вот любопытный факт, у меня на домашнем компе разрешение 1024х768- каким образом хватит на "любой экран"? тут без javascript не обойтись, он умеет под любой экран подстраивать разрешение, да и то, геморройно 0

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

@Jee 1 / 1 / 0 Регистрация: 10.03.2012 Сообщений: 40
	14.03.2012, 01:05 [ТС]	18
	Сообщение от conformist вот любопытный факт, у меня на домашнем компе разрешение 1024х768- каким образом хватит на "любой экран"? conformist, и почему же, на ваш взгляд, моего рисунка высотой в 1200 не хватит на ваш экран?????? Сообщение от conformist тут без javascript не обойтись скриптом я уже пробовал (и об этом я уже написал выше) - все супер, рисунок по высоте вписывается в любой экран, но ie блокирует выполнение сценариев ActiveX и надо постоянно вручную разрешать выполнение сценариев (((( Сообщение от Mi1ady Если там только рисунок, то вы можете сделать его просто бэкграундом в ячейке...Все лишнее будет обрезаться Мне не надо, чтобы обрезалось, мне надо, чтобы рисунок высотой в 1200 всегда вписывался в экран и не создавал вертикальную прокрутку. ----- Форум!!! Что, правда, это НЕРАЗРЕШИМАЯ задача?? Никто не знает как это сделать? 0

@Mi1ady 51 / 23 / 1 Регистрация: 18.12.2011 Сообщений: 101
	14.03.2012, 01:59	19
	Сообщение от Jee Мне не надо, чтобы обрезалось, мне надо, чтобы рисунок высотой в 1200 всегда вписывался в экран и не создавал вертикальную прокрутку. Для этого надо чтобы экран у всех был минимум в 1200 всегда Или задайте height="100%" ячейке с рисунком - он автоматически уменьшится до нужных размеров, сохранив пропорции... 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	14.03.2012, 09:53	20
	вставил в код рисунок 606 x 8104 та же самая страница вот скрин страницы - рисунок сжался по высоте. если у тебя отображается не так, требую твой скрин и наименование браузера, а так же платформу и версию Добавлено через 9 минут судя по этой цитате, Сообщение от Jee Я в html разбираюсь 2-ю неделю складывается впечатление, что ты изобретаешь большой велосипед. опиши задачу и, возможно, решим её более простым и правильным способом. пока я не представляю, где может потребоваться таблица в две ячейки, растягутая на весь монитор, причем одну из ячеек заполняет изображение Добавлено через 2 минуты сразу дополню, что загрузка jpg 800х1200 на страницу должна быть оооооочень оправдана 0