Растягивание сайта на 100%, но с ограничением

@KreeDoZz · Регистрация: 17.05.2009

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

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

@Alorian · 04.03.2011, 08:54

С помощью max width:
http://htmlbook.ru/css/max-width

@KreeDoZz · 04.03.2011, 09:28 **[ТС]**

Искренне извиняюсь за свою некорректность заданного мною вопроса.
Там идет описание по body, но мне нужно растянуть table

Вот код html в шаблоне:

Код

<table width="100%" height="457" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabela_01" class="666">

А вот что я прописал в css:

Код

.666 {
    max-width: 1000px;
   }

Но эффекта не придало

Может что-то не так делаю?

@LeD4eG · 04.03.2011, 10:06

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

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

@KreeDoZz · 04.03.2011, 10:47 **[ТС]**

LeD4eG, Если вы заметили, то я имел в виду ограничение расширения таблицы, как раз таки это все нормально, если пользователь будет заходить с компьютера с разрешением монитора в 800 на 600, таблица будет у него по ширине браузера, но если будет заходить у которого ширина браузера будет шире 1000px, тут и вступит в силу ограничение. Я думаю что это приятно даже для глаза.

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

Добавлено через 4 минуты
вот собственно сайт "http://avto-koreec.ru/" , если есть предложения по его модернизации, то буду очень рад услышать ))) Так как я не знаю что делать с этим барахлом которое мне предоставило начальство... Сейчас хоть вид более приемлем, чем был ранее.

@superpuper · 04.03.2011, 11:43

имя класса должно начинаться с буквы. При замене 666 на напр. t666 работает. А вообще шаблон проблемный, что там две <table id="Tabela_01" делают?

@Skipy · 04.03.2011, 12:13

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

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

Ну, например потому, что предложенное решение - max-width - не поддерживается "некоторыми популярными браузерами" или поддерживается ими в ограниченном виде.

P.S. И не рассказывайте, что IE6/7 уже ни у кого не стоят. Я логи регулярно смотрю.

@Alorian · 04.03.2011, 12:25

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

Ну, например потому, что предложенное решение - max-width - не поддерживается "некоторыми популярными браузерами" или поддерживается ими в ограниченном виде.

И что? Если таблицами сверстать то max width сразу поддерживаться будет чтоли?

@KreeDoZz · 04.03.2011, 12:36 **[ТС]**

Подождите, подождите, max-width не поддерживается в табличной структуре сайта?

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

имя класса должно начинаться с буквы. При замене 666 на напр. t666 работает. А вообще шаблон проблемный, что там две <table id="Tabela_01" делают?

Тогда почему класс .12 замечательно работает?

<table id="Tabela_01" делают -> шаблон не я делал, до меня кто-то делал этот сайт, я только подредактировал его и взялся за его сопровождение, вот думаю вообще его снести и поставить на джумлу 1.5, уж совсем не по душе этот шаблон

@Hagrael · 04.03.2011, 13:33

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

Подождите, подождите, max-width не поддерживается в табличной структуре сайта?

Не всеми браузерами.

@Skipy · 04.03.2011, 13:41

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

И что? Если таблицами сверстать то max width сразу поддерживаться будет чтоли?

А, ну да, max таблицей не сэмулируешь. А вот min - за милую душу.

Не по теме:

Сорри, это уже рефлекторная реакция на "таблицы отстой, верстайте дивами"

@Alorian · 04.03.2011, 14:24

Не по теме:

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

Сорри, это уже рефлекторная реакция на "таблицы отстой, верстайте дивами"

Не холивара ради, а объективизма для: так оно и есть :)
Таблицы в глобальной верстке я использовал только чтобы колонки одинаковой высоты делать, но уже давно на дивах хорошее решение нашел для выравнивания. Для представления явно табличных данных, например, каталога товаров, таблицы конечно нужны, но не header, middle с колонками или footer ими делать.

Vovan-VE · 04.03.2011, 14:51

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

max-width - не поддерживается "некоторыми популярными браузерами"

Не поддерживается только в IE6. Да и то оно там лечится одним expression'ом.

@KreeDoZz · 04.03.2011, 14:54 **[ТС]**

В общем я так понял что мне лучше не стоит использовать этот max-width? Тогда может кто предложит идеи по модернизации? Как улучшить структуру сайта?

Vovan-VE · 04.03.2011, 16:08

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

В общем я так понял что мне лучше не стоит использовать этот max-width?

Используйте, если необходимо.

@Сулетто · 05.03.2011, 05:15

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

LeD4eG, Если вы заметили, то я имел в виду ограничение расширения таблицы, как раз таки это все нормально, если пользователь будет заходить с компьютера с разрешением монитора в 800 на 600, таблица будет у него по ширине браузера, но если будет заходить у которого ширина браузера будет шире 1000px, тут и вступит в силу ограничение. Я думаю что это приятно даже для глаза.

Посмотрел сайт. С нетбука разрешение 1024х600 прекрасно все! Браузер Хром.

@vasvas7775 · 05.03.2011, 05:19

KreeDoZz если не max-width, тогда может в %?
Поставить к примеру ширину, 80% от окна браузера.

@Hagrael · 05.03.2011, 06:13

Не по теме:

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

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

Какое, поделитесь секретом

@KreeDoZz · 05.03.2011, 07:51 **[ТС]**

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

KreeDoZz если не max-width, тогда может в %?
Поставить к примеру ширину, 80% от окна браузера.

Там стоит 100%, да я уже принял решение что буду сайт с нуля писать, потому что этот как-то не тянет на пристижную фирму

Новые блоги и статьи
Как программировать под HCL Notes и создавать свои продукты на ее основе InfoMaster 11.01.2025 HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой мощную платформу для разработки корпоративных приложений, которая сочетает в себе функции электронной почты, календаря,. . .	Как работать с SVN (Subversion) InfoMaster 11.01.2025 Введение Система контроля версий является неотъемлемой частью современного процесса разработки программного обеспечения. Она обеспечивает управление изменениями в коде, позволяет отслеживать. . .	Использование GraphQL в JavaScript InfoMaster 11.01.2025 Введение в GraphQL и его преимущества В современной разработке веб-приложений эффективный обмен данными между клиентом и сервером играет ключевую роль. GraphQL представляет собой язык запросов и. . .	Администрирование Git, продвинутые техники работы с Git InfoMaster 11.01.2025 Основы управления репозиторием Эффективное управление Git-репозиторием требует глубокого понимания механизмов контроля доступа и инструментов администрирования. Рассмотрим ключевые аспекты. . .	Что такое HCL Notes и как с ним работать InfoMaster 10.01.2025 HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой комплексную платформу для совместной работы и обмена информацией в корпоративной среде. Это многофункциональное решение,. . .	Как работать с Git из Windows и Visual Studio InfoMaster 10.01.2025 Работа с Git в Windows Работа с Git в операционной системе Windows может быть осуществлена с помощью различных инструментов, каждый из которых обладает своими уникальными возможностями и. . .
Аналог оператора switch case в Python InfoMaster 10.01.2025 Оператор switch case используется в программировании для выбора одного из нескольких вариантов исполнения кода. Однако в языке Python этот оператор отсутствует. Понимание аналогов switch case в. . .	Отличия абстрактного класса от интерфейса InfoMaster 10.01.2025 В современной разработке программного обеспечения существуют два основных механизма реализации абстракции: абстрактные классы и интерфейсы. Эти инструменты, хотя и схожи в своей основной цели -. . .	Как работать в Git InfoMaster 10.01.2025 Git — это одна из наиболее популярных систем контроля версий, которая активно используется разработчиками по всему миру. Она позволяет эффективно управлять изменениями в коде, координировать работу. . .	Реализация передвижения персонажа в Unity3d на C# InfoMaster 10.01.2025 Реализация передвижения персонажа в Unity3D начинается с правильной настройки проекта. Этот этап критически важен для создания отзывчивого и плавного управления. Рассмотрим основные шаги для создания. . .	Docker: руководство для начинающих InfoMaster 10.01.2025 В современном мире разработки программного обеспечения контейнеризация стала неотъемлемой частью процесса создания и развертывания приложений. Docker, как ведущая платформа контейнеризации, произвела. . .	Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .

@KreeDoZz Мастер на все ноги ;) 467 / 226 / 8 Регистрация: 17.05.2009 Сообщений: 1,189
		1
	Растягивание сайта на 100%, но с ограничением 04.03.2011, 07:55. Показов 3602. Ответов 18 Метки нет (Все метки) Здравствуйте, подскажите пожалуйста как растянуть сайт по ширине браузера на 100%, но что бы эта ширина больше 1000px не растягивалась, то есть если окно браузера меньше 1000px по ширине, то сайт растягиваеться на 100% окна, а если больше 1000px, то в силу вступает ограничение в 1000px. 0

@Alorian 694 / 534 / 40 Регистрация: 22.06.2009 Сообщений: 1,293
	04.03.2011, 08:54	2
	С помощью max width: http://htmlbook.ru/css/max-width 0

@KreeDoZz Мастер на все ноги ;) 467 / 226 / 8 Регистрация: 17.05.2009 Сообщений: 1,189
	04.03.2011, 09:28 [ТС]	3
	Искренне извиняюсь за свою некорректность заданного мною вопроса. Там идет описание по body, но мне нужно растянуть table Вот код html в шаблоне: Код <table width="100%" height="457" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabela_01" class="666"> А вот что я прописал в css: Код .666 { max-width: 1000px; } Но эффекта не придало Может что-то не так делаю? 0

@LeD4eG 14 / 14 / 0 Регистрация: 29.09.2009 Сообщений: 79
	04.03.2011, 10:06	4
	чёт в последнее время много появилось вопросов, связанных с таблицами. все стали вдруг пользоваться таблицами? или это табличная вёрстка воспряла духом? KreeDoZz, зачем Вам таблица на всю ширину страницы? это некрасиво и неэргономично!пользователю будет тяжело воспринимать информацию в такой длинной таблице. 0

@KreeDoZz Мастер на все ноги ;) 467 / 226 / 8 Регистрация: 17.05.2009 Сообщений: 1,189
	04.03.2011, 10:47 [ТС]	5
	LeD4eG, Если вы заметили, то я имел в виду ограничение расширения таблицы, как раз таки это все нормально, если пользователь будет заходить с компьютера с разрешением монитора в 800 на 600, таблица будет у него по ширине браузера, но если будет заходить у которого ширина браузера будет шире 1000px, тут и вступит в силу ограничение. Я думаю что это приятно даже для глаза. Ну по поводу таблиц, не знаю почему ты так решил, но мне всегда нравилось с таблицами работать, табличная форма более удобней мне кажется Добавлено через 4 минуты вот собственно сайт "http://avto-koreec.ru/" , если есть предложения по его модернизации, то буду очень рад услышать ))) Так как я не знаю что делать с этим барахлом которое мне предоставило начальство... Сейчас хоть вид более приемлем, чем был ранее. 0

@superpuper 103 / 103 / 48 Регистрация: 09.09.2010 Сообщений: 241
	04.03.2011, 11:43	6
	имя класса должно начинаться с буквы. При замене 666 на напр. t666 работает. А вообще шаблон проблемный, что там две <table id="Tabela_01" делают? 0

@Skipy 2000 / 1427 / 92 Регистрация: 25.11.2010 Сообщений: 3,611
	04.03.2011, 12:13	7
	Сообщение от LeD4eG чёт в последнее время много появилось вопросов, связанных с таблицами. все стали вдруг пользоваться таблицами? или это табличная вёрстка воспряла духом? Ну, например потому, что предложенное решение - max-width - не поддерживается "некоторыми популярными браузерами" или поддерживается ими в ограниченном виде. P.S. И не рассказывайте, что IE6/7 уже ни у кого не стоят. Я логи регулярно смотрю. 0

@Alorian 694 / 534 / 40 Регистрация: 22.06.2009 Сообщений: 1,293
	04.03.2011, 12:25	8
	Сообщение от Skipy Ну, например потому, что предложенное решение - max-width - не поддерживается "некоторыми популярными браузерами" или поддерживается ими в ограниченном виде. И что? Если таблицами сверстать то max width сразу поддерживаться будет чтоли? 0

@KreeDoZz Мастер на все ноги ;) 467 / 226 / 8 Регистрация: 17.05.2009 Сообщений: 1,189
	04.03.2011, 12:36 [ТС]	9
	Подождите, подождите, max-width не поддерживается в табличной структуре сайта? Сообщение от superpuper имя класса должно начинаться с буквы. При замене 666 на напр. t666 работает. А вообще шаблон проблемный, что там две <table id="Tabela_01" делают? Тогда почему класс .12 замечательно работает? <table id="Tabela_01" делают -> шаблон не я делал, до меня кто-то делал этот сайт, я только подредактировал его и взялся за его сопровождение, вот думаю вообще его снести и поставить на джумлу 1.5, уж совсем не по душе этот шаблон 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	04.03.2011, 13:33	10
	Сообщение от KreeDoZz Подождите, подождите, max-width не поддерживается в табличной структуре сайта? Не всеми браузерами. 0

	05.03.2011, 07:51

@Skipy 2000 / 1427 / 92 Регистрация: 25.11.2010 Сообщений: 3,611
	04.03.2011, 13:41	11
	Сообщение от Alorian И что? Если таблицами сверстать то max width сразу поддерживаться будет чтоли? А, ну да, max таблицей не сэмулируешь. А вот min - за милую душу. Не по теме: Сорри, это уже рефлекторная реакция на "таблицы отстой, верстайте дивами" 0

@Alorian
	04.03.2011, 14:24 #12
	Не по теме: Сообщение от Skipy Сорри, это уже рефлекторная реакция на "таблицы отстой, верстайте дивами" Не холивара ради, а объективизма для: так оно и есть :) Таблицы в глобальной верстке я использовал только чтобы колонки одинаковой высоты делать, но уже давно на дивах хорошее решение нашел для выравнивания. Для представления явно табличных данных, например, каталога товаров, таблицы конечно нужны, но не header, middle с колонками или footer ими делать. 0

Vovan-VE 13208 / 6597 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	04.03.2011, 14:51	13
	Сообщение от Skipy max-width - не поддерживается "некоторыми популярными браузерами" Не поддерживается только в IE6. Да и то оно там лечится одним expression'ом. 0

@KreeDoZz Мастер на все ноги ;) 467 / 226 / 8 Регистрация: 17.05.2009 Сообщений: 1,189
	04.03.2011, 14:54 [ТС]	14
	В общем я так понял что мне лучше не стоит использовать этот max-width? Тогда может кто предложит идеи по модернизации? Как улучшить структуру сайта? 0

Vovan-VE 13208 / 6597 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	04.03.2011, 16:08	15
	Сообщение от KreeDoZz В общем я так понял что мне лучше не стоит использовать этот max-width? Используйте, если необходимо. 0

@Сулетто 1 / 1 / 0 Регистрация: 26.02.2011 Сообщений: 21
	05.03.2011, 05:15	16
	Сообщение от KreeDoZz LeD4eG, Если вы заметили, то я имел в виду ограничение расширения таблицы, как раз таки это все нормально, если пользователь будет заходить с компьютера с разрешением монитора в 800 на 600, таблица будет у него по ширине браузера, но если будет заходить у которого ширина браузера будет шире 1000px, тут и вступит в силу ограничение. Я думаю что это приятно даже для глаза. Посмотрел сайт. С нетбука разрешение 1024х600 прекрасно все! Браузер Хром. 0

@vasvas7775 Обитатель 317 / 317 / 42 Регистрация: 24.12.2010 Сообщений: 795
	05.03.2011, 05:19	17
	KreeDoZz если не max-width, тогда может в %? Поставить к примеру ширину, 80% от окна браузера. 0

@Hagrael
	05.03.2011, 06:13 #18
	Не по теме: Сообщение от Alorian Таблицы в глобальной верстке я использовал только чтобы колонки одинаковой высоты делать, но уже давно на дивах хорошее решение нашел для выравнивания Какое, поделитесь секретом 0

@KreeDoZz Мастер на все ноги ;) 467 / 226 / 8 Регистрация: 17.05.2009 Сообщений: 1,189
	05.03.2011, 07:51 [ТС]	19
	Сообщение от vasvas7775 KreeDoZz если не max-width, тогда может в %? Поставить к примеру ширину, 80% от окна браузера. Там стоит 100%, да я уже принял решение что буду сайт с нуля писать, потому что этот как-то не тянет на пристижную фирму 0