1024 vs. 1280 + вопрос по слоям.

[Станислав]

Вопрос к опытным веб-дизайнерам (или верстальщикам)

Имеет ли смысл верстать шаблон под разрешение 1024*768px?
Если да, то сразу второй вопрос: как спозиционировать слой чётко по центру экрана (по горизонтали)? да, такой нубский вопрос Условие такое: ширина слоя - 970px. При ширине экрана в 1024px смотрится нормально, а вот при 1280px - справа появляется полоска. Пробовал дописать к этому слою margin-left:10%: при 1280 - нормально, по центру позиционирует, а при 1024 - слева полоска пустая пикселей в 100, справа - полоса прокрутки, тоже пикселей 100 (а точнее - 97, т.к. 10% от 970 ).

Или может ну его, и сразу растягивать весь диз на 1280px?
"+" - больше инфы можно будет на странице разместить.
"-" - не у всех ещё такие мониторы => у "1024*768" будет горизонтальная полоса прокрутки.

Нид эдвайс

[VoiD_BY]

делайте резиновый дизайн

[Alexey]

Не верстать под 1024 нельзя. Вы, конечно, можете сказать, что у всех у вас разрешение 1280, но во-первых есть неольшие ноутбуки, которые достаточно популярны. Во-вторых все-таки и на нормальных компах не всюду. У нас тут (не в москве, но и не в деревне) полным-полно п оорганизациям старых мониторов CRT.

[lay]

По моим сайтам статистика: примерно 40% пользователей с разрешением 1024х768

[payalnik]

http://www.liveinternet.ru/stat/ru/resolutions.html

[Kaa]

Самый простой древний способ расположения по центру, пока его не отменили, < center > < /center >. А margin-left вообще никак не катит. Это все таки отступ слева. При моем разрешении на ноуте в 1440х900 слой уедет влево.

VoiD_BY прав, дизайн лучше делать резиновым. Причем с масштабируемыми шрифтами.

Если дизайн все таки не резиновый, то его либо центровать как выше написал, либо в левый край. А на фон цеплять либо однотональную текстуру, либо вообще одним цветом (белым к примеру) рисовать фон. Последнее даже лучше наверное. Можно еще градиент попробовать применить, только главное не перестараться

[sashko]

Сообщение от Станислав

Имеет ли смысл верстать шаблон под разрешение 1024*768px?

имеет, только с учетом полос прокрутки ширина получится 1000px
body { text-align:center; }
body * {text-align:left;}
div#main {width:1000px; padding:0; border:0; margin: 0 auto;}

[Regent]

Да, лучше имеет смысл дизайн резиновый.
Но и из этого есть выход. Если с CSS не получается, идёт гдето пересечение стилей, можно табличным методом:

<table width="970" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
Всё вместе взятое
</td>
</tr>
</table>

или:

<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td> </td>
<td width="970">
Всё вместе взятое
</td>
<td> </td>
</tr>
</table>

[slavs™]

Сообщение от Станислав

Вопрос к опытным веб-дизайнерам (или верстальщикам)

Имеет ли смысл верстать шаблон под разрешение 1024*768px?
Если да, то сразу второй вопрос: как спозиционировать слой чётко по центру экрана (по горизонтали)? да, такой нубский вопрос Условие такое: ширина слоя - 970px. При ширине экрана в 1024px смотрится нормально, а вот при 1280px - справа появляется полоска. Пробовал дописать к этому слою margin-left:10%: при 1280 - нормально, по центру позиционирует, а при 1024 - слева полоска пустая пикселей в 100, справа - полоса прокрутки, тоже пикселей 100 (а точнее - 97, т.к. 10% от 970 ).

Или может ну его, и сразу растягивать весь диз на 1280px?
"+" - больше инфы можно будет на странице разместить.
"-" - не у всех ещё такие мониторы => у "1024*768" будет горизонтальная полоса прокрутки.

Нид эдвайс

верстать с учетом 1024 обязательно и под 800 желательно

<div align="center">
<div style="width:970px;">Ваш слой</div>
</div>

и все дела, будет по центру

Добавлено через 1 минуту
Regent, таблица не всегда уместна

[-Владимир-]

slavs™, поддерживаю. Это один из выходов из ситуации.

Второй выход: 100% резина, но она не всегда может быть внедрена, т.к. дизайн дизайну рознь.