Ответить Новая тема Новый опрос 
Всего: 2 < 1 2
 Как растянуть дизайн на всю ширину?
Kaim
Новичок
Сообщений: 58
Регистрация: 21-02-2010


04-03-2010 20:03
Цитата:( milnn @ 29-07-2009 19:19 Смотреть сообщение )
Я сделал так.
так всё-таки, как растянуть дизайн на всю ширину, чтобы на всех разрешениях нормально отображался.
Можно оптимизировать под несколько разрешений. Не могу добиться чтобы на всех разрешениях отображался корректно..

Постоянно получается что расстояние между левыми меню и центральным контентом плавает.

Либо оставить как есть.. Но мне не нравятся большие отступы по краям, как то не красиво это смотрится.


При большом разрешение получается очень не красиво,.. вот как на скриншоте

Там и css


Сообщение отредактировано Kaim 04-03-2010 21:04 ...


Изображения:
3e637427b3.jpg - Размер файла34.06KB, Скачиваний: 1067 (Нажмите для увеличения)
Вложения:

Вложения global.css( Размер файла: 61.76KB Скачиваний: 644 )
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
антон
Профессионал
Сообщений: 437
Откуда: Санкт-Петербург
Регистрация: 05-12-2009


04-03-2010 21:04
Дизайн с отступами по краям на самом деле оптмальный. На нетбуках например экранчик небольшой, как раз только средняя часть помещается, а "резиновый" дизайн ИМХО красиво реализовать очень не просто.
 



Интернет-магазин товаров для йоги yogastuff.ru.
Шаблоны на престу - демо
Ещё один магазин йоги namaskar108.ru
Йога в Москве yogadog.ru
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Kaim
Новичок
Сообщений: 58
Регистрация: 21-02-2010


04-03-2010 21:48
Я уже понял,что резиновый дизайн сделать достаточно не просто, - всё плавает постоянно.
Ну и смотрится на широкоформатных мониторах отвратительно. Глаза не могут охватить всю ширину изображения..

С отступами смотрится не очень красиво потому как остается пустое пространство.. Как то не привык я к таким сайтам.

У меня стоит 1024х768, что оптимально для просмотра без полос по бокам. Но вот у многих разрешения стоят больше..


Я не знаю на сколько это реально но было бы неплохо сделать такой мод.

Когда пользователь заходит на сайт скрипт определяет разрешение экрана монитора и задает движку использовать специально настроенный файл global.css
На каждое разрешение сделать по файлу global-800-600.css, global-1024-768.css,

Я видел java скрипт в интернете который определяет разрешение монитора.

Есть мысли по реализации?


Кто - нибудь делал сайт на стандартном шаблоне(ну или не на стандартном) чтобы на весь экран было?
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Artyom4D


Профессионал
Сообщений: 304
Откуда: Киев
Регистрация: 01-11-2009


05-03-2010 00:46
Так а в чем проблема? Ты сам написал решение - javascript. Пишут работает.
 



Разработка, поддержка, оптимизация
-------------------------------------------------------
deadline-solutions.com; DS Super Slider 1.2; DS Comments
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Kaim
Новичок
Сообщений: 58
Регистрация: 21-02-2010


05-03-2010 02:14
Вот скрипт который переадресовывает на указанную страницу в зависимости от разрешения. Но я не знаю как применить.. Можно под каждое разрешение сделать папку со скриптами престашопа и привязать их к одной базе данных..
Под каждое разрешение сделать отдельный магазин.. Но это глупость, но больше я к сожалению не додумался не до чего.. :confus: Я плохо разбираюсь в престе,(и в программировании) только начал изучать её.

Был бы благодарен если бы подсказали,как можно реализовать.

Если бы, реализовать это то я уверен всем бы пригодилось. Была бы 100% совместимость со всеми возможными разрешениями экрана. Даже под 800х600 и под 640х480 можно оптимизировать. 8-12% пользователей пользуются такими разрешениями - на кпк, и на нетбуках и тп...


Код:
<script language="Javascript">
<!--
// Сначала определяем разрешение
if (self.screen) { // для браузеров 4-тых версий
width = screen.width
height = screen.height
}
else if (self.java) { // для NN3 (enabled Java)
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}else{
width = height = 'x' // для прочих браузеров
}
// Теперь выполняем нужное действие
if (width == 640) {
location.href='480x640/index.html' }
else if (width == 800) {
location.href='800x600/index.html' }
else if (width == 1024){
location.href='1024x768/index.html' }
else if (width == 1280) {
location.href='hi-resolution/index.html' }
else {
location.href='default_resolution/index.html' }
//-->
</script>



А этот скрипт просто текстом выводит разрешение..
Код:
<script language="Javascript">
<!--
var height=0; var width
=0;
if (self.screen) { // for NN4 and IE4
width = screen.width;
height = screen.height}
else
if (self.java) { // for NN3 with enabled Java
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height; }
document.writeln("<center>")
if (width > 0 && height > 0) {
document.writeln('Разрешение экрана вашего монитора: ',width,'x',height) }
else {
document.writeln('Разрешение экрана Вашего монитора не может быть определено')}
document.writeln("</center>")
//-->
</script>
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Dmit84
Cпециалист
Сообщений: 226
Регистрация: 16-07-2012


26-02-2013 09:03
а возможно растянуть дизайн шаблона от престашоп 1.5?
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос 
Всего: 2 < 1 2