13.10.2008, 09:06 | #1 |
Специалист
Регистрация: 04.03.2008
Адрес: Ростов-на-Дону
Сообщений: 148
Вес репутации: 199
|
1024 vs. 1280 + вопрос по слоям.
Вопрос к опытным веб-дизайнерам (или верстальщикам)
Имеет ли смысл верстать шаблон под разрешение 1024*768px? Если да, то сразу второй вопрос: как спозиционировать слой чётко по центру экрана (по горизонтали)? да, такой нубский вопрос Условие такое: ширина слоя - 970px. При ширине экрана в 1024px смотрится нормально, а вот при 1280px - справа появляется полоска. Пробовал дописать к этому слою margin-left:10%: при 1280 - нормально, по центру позиционирует, а при 1024 - слева полоска пустая пикселей в 100, справа - полоса прокрутки, тоже пикселей 100 (а точнее - 97, т.к. 10% от 970 ). Или может ну его, и сразу растягивать весь диз на 1280px? "+" - больше инфы можно будет на странице разместить. "-" - не у всех ещё такие мониторы => у "1024*768" будет горизонтальная полоса прокрутки. Нид эдвайс |
13.10.2008, 09:29 | #3 |
Мне повезёт!
Регистрация: 05.05.2007
Сообщений: 1,076
Вес репутации: 276
|
Не верстать под 1024 нельзя. Вы, конечно, можете сказать, что у всех у вас разрешение 1280, но во-первых есть неольшие ноутбуки, которые достаточно популярны. Во-вторых все-таки и на нормальных компах не всюду. У нас тут (не в москве, но и не в деревне) полным-полно п оорганизациям старых мониторов CRT.
|
13.10.2008, 11:58 | #5 |
Новичок
Регистрация: 27.08.2008
Сообщений: 14
Вес репутации: 0
|
|
13.10.2008, 11:59 | #6 |
Специалист
|
Самый простой древний способ расположения по центру, пока его не отменили, < center > < /center >. А margin-left вообще никак не катит. Это все таки отступ слева. При моем разрешении на ноуте в 1440х900 слой уедет влево.
VoiD_BY прав, дизайн лучше делать резиновым. Причем с масштабируемыми шрифтами. Если дизайн все таки не резиновый, то его либо центровать как выше написал, либо в левый край. А на фон цеплять либо однотональную текстуру, либо вообще одним цветом (белым к примеру) рисовать фон. Последнее даже лучше наверное. Можно еще градиент попробовать применить, только главное не перестараться |
13.10.2008, 12:31 | #7 |
Специалист
Регистрация: 12.04.2007
Сообщений: 178
Вес репутации: 213
|
|
13.10.2008, 12:50 | #8 |
JS Developer
|
Да, лучше имеет смысл дизайн резиновый.
Но и из этого есть выход. Если с 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> |
13.10.2008, 12:52 | #9 | |
Старый зулус
Регистрация: 18.02.2008
Адрес: КваЗулу-Наталь
Сообщений: 1,649
Вес репутации: 338
|
Цитата:
Код HTML:
<div align="center"> <div style="width:970px;">Ваш слой</div> </div> Добавлено через 1 минуту Regent, таблица не всегда уместна Последний раз редактировалось slavs™; 13.10.2008 в 12:52. Причина: Добавлено сообщение |
|
13.10.2008, 13:15 | #10 |
Специалист
Регистрация: 20.05.2008
Сообщений: 303
Вес репутации: 208
|
slavs™, поддерживаю. Это один из выходов из ситуации.
Второй выход: 100% резина, но она не всегда может быть внедрена, т.к. дизайн дизайну рознь.
__________________
|