Забыли пароль?
Запросите новый здесь.

Автор темы: Dysha-Kuzbass
ID темы: 1023
Информация:
Тема содержит 9 сообщения, была просмотрена 3035 раз.
Просмотр темы
PHP-Fusion Russia » Поддержка 7 версии » Темы оформления 7 версии
 Распечатать тему
Вопрос дизайнерам!
Dysha-Kuzbass
Привет, парни!
У меня есть сайт, не работающий на PHP Fuison`e! Есть официальный шаблон. Так вот, хочу, чтобы дизайн отображался на разных мониках одинаково, т.е., при любом разрешении экрана.

Вот, первый скрин, который показывает, как он отображается в оригинальном виде:
http://my-pixels....creen1.jpg

А я хочу, чтобы было отображение как на втором скрине, т.е, поля с плевого и правого края (отступ).
http://my-pixels....creen2.jpg

На втором скрине добился желаемого результата тока при помощи увеличения масштаба в FF, т.е, ctrl в сочетании со знаком + (увеличил в два раза).
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
 
Web
jikaka
ты про ширину сайта?
если так, то тебе просто надо в процентах ее указать, тогда на всех мониках будут одинаковые отступы справа/слева
 
Web
Dysha-Kuzbass
Ширина стоит 980px!

З.Ы. Могу дать *.css-код.
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
 
Web
jikaka
в чем вопрос тогда, я не понимаю
 
Web
Dysha-Kuzbass
Не помогает в процентах...

Скачать исходники  Код
html { height: 100%; font-size: 100.01%; }
body { position: relative; overflow-y: scroll; min-height: 100%; height: 100%; padding: 0 20px; font: 12px Arial, sans-serif; color: #000; background: #e9e9e9;
background: url('images/bg.gif');
background-repeat: repeat;}




Скачать исходники  Код
#wrapper { clear: both; width: 980px; height: auto !important; min-height: 100%; height: 100%; margin: 0 auto; background: #fff url(images/wrapper-bg.png) repeat-x 50% 0; border: 1px solid #cdcdcd; border-top: 0; border-bottom: 0; }



Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
 
Web
jikaka
ты можешь еще раз объяснить, что требуется?
 
Web
Truth_Explorer
Dysha-Kuzbass написал:

хочу, чтобы дизайн отображался на разных мониках одинаково, т.е., при любом разрешении экрана.


Ты сам ответил на свой вопрос.
В CSS файле полностью убираешь все проценты (100 и 101). Прописываешь фиксированный размер 990px (оптимальная ширина для мониторов с разрешением 1024*768 - во всех браузерах не будет горизонтальной прокрутки)
 
IPB_Support
Вот пример:

Скачать исходники  Код
html, body{min-width:1024px;max-width:1200px;min-height:100%;max-height:100%;background:url('images/bg.gif');}
html, body, .center{margin:0 auto;}


 
Dysha-Kuzbass
IPB_Support, попробовал - не катит... Дизайн вообще рухает...
Едет вебмастер в поезде и слышит: <td></td> … <td></td> … <td></td>
 
Web

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум: