Разрешение экрана

BleSSeD · 01.05.2008, 23:58

Насколько я понял,то сайт с таблицей видтх=100% лучше не делать

letayushaya · 02.05.2008, 00:42

Цитата:

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

Насколько я понял,то сайт с таблицей видтх=100% лучше не делать

Неправильно ты понял.
Есть резиновые сайты - ширина основного блока-контейнера, который "держит" дизайн, в них 100%. Резиновые сайта более удобны для юзеров, однако требуют особых параметров дизайна, и чуть сложнее по штмл-верстке.
Есть сайты фиксированной ширины - ширина основного блока-контейнера, который "держит" дизайн, в них равна определенному кол-ву пикселей. Они менее удобны для юзера, но в целом более просты в исполнении.
И в тех, и в других основным блоком-контейнером может выступать как <table>, так и <div>, так и просто <body> (который тоже можно и нужно учитывать в верстке как обычный блочный элемент).
Что именно будет блоком-контейнером, зависит от конкретного верстальщика.
Если ты юзаешь табличную верстку, то в случае резинового сайта именно таблица будет иметь ширину 100%. Кстати, много резиновых сайтов и сделаны именно на таблицах, потому что некоторым легче сделать резиновый сайт на таблицах, чем на дивах.
В любом случае, в каждом конкретном случае тебе надо будет тщательно выверять все стили каждого блока, чтобы сайт корректно показывался на разных разрешениях монитора и при разных размерах окна.

И кстати, практически для любого резинового сайта потребуется применять к контейнерам параметры min-width (+ его модификацию для ИЕ - описано выше в данной теме), так как часто нужно, чтобы сайт не уменьшался менее какой-либо определенной ширины.

А если ты боишься, что сайт будет некрасиво смотреть на очень больших разрешениях, то потребуется применить и max-width (+ его модификацию для ИЕ).

Все эти стили можно применять и к таблицам, и к дивам. Учитывая опять же в каждом конкретном случае особенности отображения.

BleSSeD · 02.05.2008, 12:59

Хм,если так то лучше делать с таблицей,сделать так,чтобь оно хорошо выглядело для 1024 и 1280,а на больших расширениях пусть будет как на 1280...

BleSSeD · 16.05.2008, 19:41

Цитата:

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

Максимальная и минимальная ширина прописываются для ИЕ. Это максимальная:

Код:

div {max-width:1200px; }

* html div {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) > 1200) ? "1200px" : "auto");  }

А это минимальная ширина:

Код:

div {min-width:1000px; }

* html div {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000) ? "1000px" : "100%"); }

Специально расписала на 2 строки для наглядности (можно и в один стиль это запихать, можно в условных комментах для ИЕ - на выбор).
Естественно, с отключенным javascript это работать не будет.
И там есть еще нюансы, но главное, что ИЕ можно заставить понимать минимальную и максимальную ширину и высоту.

А как вставить ети макс и мин?
"* html div {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) > 1200) ? "1200px" : "auto"); }"

Куда их писать?что ето?Цсс?

Асмодиан · 17.05.2008, 01:31

я бы использовал css селекторы, чтобы они указывали на нужные мне div-ы, а не на все, как у тебя

letayushaya · 17.05.2008, 03:31

Цитата:

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

А как вставить ети макс и мин?
"* html div {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) > 1200) ? "1200px" : "auto"); }"

Куда их писать?что ето?Цсс?

Ето есть цсс, йа-йа.

BleSSeD · 17.05.2008, 12:25

А где кто писать? в <style> </style> ?

Асмодиан · 17.05.2008, 12:41

будем тебя мучить: лучше в отдельном css файле.

BleSSeD · 17.05.2008, 19:24

div {max-width:1200px; }

* html div {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) > 1200) ? "1200px" : "auto"); }
div {min-width:1000px; }

* html div {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000) ? "1000px" : "100%"); }

Ето писать в файле?

letayushaya · 18.05.2008, 00:04

Ну, в общем-то, в отдельном css-файле прописываются все стили, используемые на сайте.
Каждому блоку присваивается свой селектор и пишется типа
#footer {position:absolute; width:1000px; height:90px; overflow:hidden; left:0; bottom:0; }

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
разрешение на баннер	Tornellius	Кальянная	6	25.03.2011 14:22
Разрешение экрана	Вячеслав-123	Библиотека	8	29.01.2009 21:10
Разрешение	Вячеслав-123	Библиотека	3	24.01.2009 12:50
Логотип и разрешение экрана....	Pitrom@ncer	HTML, CSS, JavaScript	4	24.03.2005 20:28
Разрешение !	kadafi	HTML, CSS, JavaScript	8	03.08.2004 14:21

01.05.2008, 23:58	#11
BleSSeD	Насколько я понял,то сайт с таблицей видтх=100% лучше не делать

02.05.2008, 12:59	#13
BleSSeD	Хм,если так то лучше делать с таблицей,сделать так,чтобь оно хорошо выглядело для 1024 и 1280,а на больших расширениях пусть будет как на 1280...

17.05.2008, 01:31	#15
Асмодиан	я бы использовал css селекторы, чтобы они указывали на нужные мне div-ы, а не на все, как у тебя

17.05.2008, 12:25	#17
BleSSeD	А где кто писать? в <style> </style> ?

17.05.2008, 12:41	#18
Асмодиан	будем тебя мучить: лучше в отдельном css файле.

17.05.2008, 19:24	#19
BleSSeD	div {max-width:1200px; } * html div {width: expression(((document.documentElement.clientWidth \|\| document.body.clientWidth) > 1200) ? "1200px" : "auto"); } div {min-width:1000px; } * html div {width: expression(((document.documentElement.clientWidth \|\| document.body.clientWidth) < 1000) ? "1000px" : "100%"); } Ето писать в файле?

18.05.2008, 00:04	#20
letayushaya	Ну, в общем-то, в отдельном css-файле прописываются все стили, используемые на сайте. Каждому блоку присваивается свой селектор и пишется типа #footer {position:absolute; width:1000px; height:90px; overflow:hidden; left:0; bottom:0; }