на весь экран
Здравствуйте.
HTML только начал изучать, поэтому прошу сильно не пинать и помочь в решении следующей задачи:
надо создать такую таблицу, которая бы занимала 100% экрана по ширине и высоте (т.е. чтобы прокрутки вообще не было).
В этой таблице должно быть два столбца (ячейки), равных по ширине.
В левой ячейке должен быть рисунок (есть jpg 800х1200), надо чтобы он вписывался в эту ячейку и «не расширял ее», т.е. чтобы он в ширину всегда был «пол экрана», а в высоту — весь экран.
Пока что только родил вот это, но рисунок растягивает ячейку и появляется прокрутка (((
table border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> tr> td> img src="1.jpg"> /td> td> /td> /tr> /table>
Просмотр на весь экран
Проблема такова. Если в опере вывести показ на весь экран, дизайн сайта коверкается: исчезает цвет.
Хедер на весь экран
Здравствуйте)Подскажите пожалуйста,как правильно сделать.У меня есть чужой шаблон(прикладываю.
Окно на весь экран
на некоторых сайтах замечал что при попадании на него окно преобретает полноэкранный режим .
Изображение на весь экран
Доброго времени суток! Подскажите, как можно избавится вот от этой проблемы. Я добавляю.
Высота таблицы весь экран css
Сообщения: 364
Благодарности: 9
Народ подскажите, может кто сталкивался с такой проблемой. Надо растянуть таблицу на весь экран, как по ширине, так и по высоте. Это делается легко с помощью строк
Однако, если в начале перед стоит строчка
то команда height=»100%» не работает. Таблица правильно растягивается по всей ширине экрана, но не растягивается по высоте. Всё работает как надо, весь сайт отображается корректно, как и задумывалось, но вот height=»100%» отказывается работать.
А вот если написать перед вот такие строки
то команда height=»100%» начинает работать, но перестаёт работать всё остальное. Шапка сайта сразу начинает плыть, начинает как то странно работать CSS, по ведомым только Богу законам. Слетают часть шрифтов, а часть шрифтов работает нормально. Одним словом сайт превращается в АБРА-КОДАБРУ, зато команда height=»100%» работает прекрасно.
А вот сам вопрос. Как можно заставить работать height=»100%» со строками перед
Сообщения: 2229
Благодарности: 60
Доброго времени суток. При коротком доктайпе (html) броузер рисует страницу в режиме совместимости. Потому что доктайп неправильный в таком виде. В режиме совместимости может быть большой бардак ибо нет стандартов. В случае второго доктайпа (xhtml) броузер переключается в режим соответствия стандартам в котором у table нет атрибута высоты, ее предлагают регулировать с помощью стилей. Стало быть:
1) Решение растяжения по высоте
2) статья по доктайпам
——-
Не могу дать более дельный совет — не хватает системных ресурсов.
Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.
Сообщения: 364
Благодарности: 9
Всё не могу, мозги кипят, всё перепробовал. Этот стандарт W3C сразу не даётся моему пониманию.
Прочитал вышеизложенный текст и добавил с CSS
html,body height:100%;
margin:0px;
padding:0px
>
Таблицу растянуть на весь экран это помогло, но вот жёсткие размеры других частей этой же таблицы сбились. И теперь я не знаю что делать. Хотел найти ответ в интернете, но что то не нашёл. Собственно нужно вот что:
Сделать таблицу 100% ширины и высоты, нижней ячейке задать высоту к примеру 100px, верхней в 155px, а оставшуюся часть экрана (среднюю) растягивалась. Подскажите, как это можно реализовать с помощью CSS?
Сообщения: 2229
Благодарности: 60
IE впереди планеты всей. чистым CSS лично у меня не получилось, может дело в конце рабочей недели, но факт. В общем, используя маленький хак, имеем:
html, body < height:100%; margin: 0; padding: 0; >table < border: 0 none; border-collapse: collapse; >table td < padding: 0; border: 0 none; >table.rootTable < width: 100%; height: 100%; >table.rootTable td.header < background: red; height: 155px; >table.rootTable td.body < background-color: yellow; _height: expression(document.documentElement.clientHeight - 155 - 100 + 'px'); >table.rootTable td.footerСообщения: 364
Благодарности: 9Вот тут то и самая загвостка. В Oper-е 9.20 всё отображается так как надо, а вот IE-7.0 верхняя часть таблицы стала 406px, средняя 50px, а нижняя 262px. И я не могу понять алгоритм, откуда IE-7.0 взял эти значения? Ведь они нигде не прописаны. Такое ощущение, что значения 407, 50 и 262рх IE-7.0 взял с потолка. Но как так получилось, ведь написано чёрному по белому
table.rootTable td.header background: red;
height: 155px;
>Откуда IE-7.0 взял эти 406px? Вот над вопросом я бьюсь уже чуть больше недели. Столько уже всего перечитал и до сих пор не могу понять логику IE-7.0. На одном из форумов по Мамбе у одного админа была такая же проблема. И он ещё решил заменой
Я так попробовал, и действительно работает. И в IE-7.0 и в Oper-е 9.20 таблица отображается как надо. Верхняя часть таблицы как и надо 155px, нижняя 100px, а средняя растягивается. Но тут же слетают все шрифты заданные в CSS, плюс сразу начинает плыть шапка сайта и сайт превращается в абра-кодабру. Другое дело
И я ищу ответ, как с этим тэгом сделать так, что б в IE-7.0 таблица отображалось корректно.
Как растянуть таблицу
Необходимость растянуть таблицу на все пространство окна браузера возникает, например, когда дизайн страницы помещен внутрь таблицы. Решение этой задачи не требует сочинения сложного кода, но предполагает учет некоторых особенностей разметки веб-страниц.
Сначала вам надо уточнить смысл предстоящей операции. В HTML-коде страницы таблицы представляют собой набор вложенных друг в друга парных тегов (по одному открывающему и закрывающему). Теги ячеек (
и ) вложены в теги строк (и ), а те в свою очередь - в теги таблицы (
| левая ячейка таблицы | правая ячейка таблицы |
Указания 100% ширины и высоты будет достаточно, чтобы растянуть таблицу, если вы правильно выберите HTML-стандарт, по которому браузер должен читать код страницы. Соответствующий тег размещается в самой первой строке документа. Вам нужен тег такого содержания:
И еще один момент следует учесть в вашем коде: по умолчанию страница имеет отступы от краев окна размером в несколько пиксел, поэтому таблица, даже заполнив всю страницу, все же не растянется на все окно. Чтобы уничтожить эти ненужные поля, можно в открывающем теге тела страницы () указать нулевые отступы в соответствующих атрибутах:
В сборе весь код страницы с растянутой на всю ширину и высоту экрана таблицей будет выглядеть так:| левая ячейка таблицы | правая ячейка таблицы |
- Как очистить в "Ворде" формат
- Как в Excel свернуть строки
- Как в Компасе изменить формат
- Как обновить Counter Strike Source
Как растянуть таблицу в html
Чтобы растянуть таблицу в HTML, можно задать ей ширину в процентах или пикселях.
Например, чтобы растянуть таблицу на всю ширину страницы, можно задать ей ширину 100%:
style="width:100%"> Заголовок 1 Заголовок 2 Заголовок 3 Ячейка 1 Ячейка 2 Ячейка 3 В этом примере таблица будет занимать всю ширину родительского элемента, в данном случае - всю ширину страницы.
Также можно задать ширину таблицы в пикселях:
style="width:800px"> Заголовок 1 Заголовок 2 Заголовок 3 Ячейка 1 Ячейка 2 Ячейка 3 В этом примере таблица будет иметь фиксированную ширину 800 пикселей.