1024 vs. 1280 + вопрос по слоям.
Вопрос к опытным веб-дизайнерам (или верстальщикам) :)
Имеет ли смысл верстать шаблон под разрешение 1024*768px? Если да, то сразу второй вопрос: как спозиционировать слой чётко по центру экрана (по горизонтали)? да, такой нубский вопрос :( Условие такое: ширина слоя - 970px. При ширине экрана в 1024px смотрится нормально, а вот при 1280px - справа появляется полоска. Пробовал дописать к этому слою margin-left:10%: при 1280 - нормально, по центру позиционирует, а при 1024 - слева полоска пустая пикселей в 100, справа - полоса прокрутки, тоже пикселей 100 (а точнее - 97, т.к. 10% от 970 :) ). Или может ну его, и сразу растягивать весь диз на 1280px? "+" - больше инфы можно будет на странице разместить. "-" - не у всех ещё такие мониторы => у "1024*768" будет горизонтальная полоса прокрутки. Нид эдвайс :) |
делайте резиновый дизайн :)
|
Не верстать под 1024 нельзя. Вы, конечно, можете сказать, что у всех у вас разрешение 1280, но во-первых есть неольшие ноутбуки, которые достаточно популярны. Во-вторых все-таки и на нормальных компах не всюду. У нас тут (не в москве, но и не в деревне) полным-полно п оорганизациям старых мониторов CRT.
|
По моим сайтам статистика: примерно 40% пользователей с разрешением 1024х768
|
|
Самый простой древний способ расположения по центру, пока его не отменили, < center > < /center >. А margin-left вообще никак не катит. Это все таки отступ слева. При моем разрешении на ноуте в 1440х900 слой уедет влево.
VoiD_BY прав, дизайн лучше делать резиновым. Причем с масштабируемыми шрифтами. Если дизайн все таки не резиновый, то его либо центровать как выше написал, либо в левый край. А на фон цеплять либо однотональную текстуру, либо вообще одним цветом (белым к примеру) рисовать фон. Последнее даже лучше наверное. Можно еще градиент попробовать применить, только главное не перестараться :) |
Цитата:
body { text-align:center; } body * {text-align:left;} div#main {width:1000px; padding:0; border:0; margin: 0 auto;} |
Да, лучше имеет смысл дизайн резиновый.
Но и из этого есть выход. Если с 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> |
Цитата:
Код HTML:
<div align="center"> Добавлено через 1 минуту Regent, таблица не всегда уместна |
slavs™, поддерживаю. Это один из выходов из ситуации.
Второй выход: 100% резина, но она не всегда может быть внедрена, т.к. дизайн дизайну рознь. |
Часовой пояс GMT +3, время: 01:13. |
Работает на vBulletin® версия 3.8.7.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
SAPE.RU — система купли-продажи ссылок с главных и внутренних страниц сайтов.