X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> как сделать чтобы дизайн уходил за границу окна?, рвется дизайн при уменьшении окна с сайтом ... хелп!
DOK666
DOK666
Topic Starter сообщение 18.10.2011, 12:21; Ответить: DOK666
Сообщение #1


короче проблема в следующем ...
шаблон оптимизирован под 1024 пикселей .... чуть делаешь окно меньше .... меню начинает наезжать на текст и так далее ....

как сделать так чтобы просто сайт уходил за границу окна ... и появлялась полосочка прокрутки а не разрывало дизайн?

какие параметры отвечают за это в CSS ... в какую сторону вообще копать ?


--------------------
клоновод
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kronos
kronos
сообщение 18.10.2011, 12:43; Ответить: kronos
Сообщение #2


min-width:


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lostprophet
lostprophet
сообщение 18.10.2011, 13:01; Ответить: lostprophet
Сообщение #3


min-width, как написал kronos и width, так как min-width не поддерживается ie6 и глючит в ie7

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit и не устанавливает свойство min-width для тега <select>.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SergeiVL
SergeiVL
сообщение 18.10.2011, 17:52; Ответить: SergeiVL
Сообщение #4


вставляешь в шаблон прозрачную картинку полоску
1000px в ширину и 1px в высоту..и меньше этой полоски дизайн не сожмется
Это, своего рода, распорка получается

Сообщение отредактировал SergeiVL - 18.10.2011, 17:56


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
disiyndel
disiyndel
сообщение 18.10.2011, 18:02; Ответить: disiyndel
Сообщение #5


SergeiVL, FUUUU!

Вообще выше правильно написали. #wrapper, который оборачивает всю страничку:
#wrapper {
min-width:1000px;
_width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); /* Костыль для ИЕ */
}


Но в целом нельзя исключать того, что меню может иметь position:absolut; или другие подобные вещи. Тогда установка минимальной ширины не поможет.
В общем надо видеть код =)

Сообщение отредактировал disiyndel - 18.10.2011, 18:03


--------------------
http://heisenbrog.com - только цифры, факты и эксперименты.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SergeiVL
SergeiVL
сообщение 18.10.2011, 18:08; Ответить: SergeiVL
Сообщение #6


(disiyndel @ 18.10.2011, 17:02) *
SergeiVL, FUUUU!

Вообще выше правильно написали. #wrapper, который оборачивает всю страничку:
#wrapper {
min-width:1000px;
_width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); /* Костыль для ИЕ */
}


Но в целом нельзя исключать того, что меню может иметь position:absolut; или другие подобные вещи. Тогда установка минимальной ширины не поможет.
В общем надо видеть код =)


мое решение простое и будет работать корректно во всех браузерах...без всяких костылей и хаков
И если человек не шарит и не хочет изучать тонкости верстки - то мой вариант для него более уместен

Сообщение отредактировал SergeiVL - 18.10.2011, 18:11


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
disiyndel
disiyndel
сообщение 18.10.2011, 21:30; Ответить: disiyndel
Сообщение #7


SergeiVL, это все от лукавого.
Простота - две строчки кода, и уж никак не открывать шоп, делать гифку, заливать её на сайт, и вносить изменения в код.
Насчет костылей - вот у вас-то и самый настоящий костыль.

А насчет работы во всех браузерах - опять же не факт (как ваше так и мое решение). Выше написано.


--------------------
http://heisenbrog.com - только цифры, факты и эксперименты.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lostprophet
lostprophet
сообщение 19.10.2011, 0:37; Ответить: lostprophet
Сообщение #8


SergeiVL, а почему б тогда просто див не воткнуть на 1000px шириной и 1px высотой?
Почему именно картинка?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DOK666
DOK666
Topic Starter сообщение 21.10.2011, 23:40; Ответить: DOK666
Сообщение #9


спасибо большое ))))

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


--------------------
клоновод


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SergeiVL
SergeiVL
сообщение 22.10.2011, 4:37; Ответить: SergeiVL
Сообщение #10


(lostprophet @ 18.10.2011, 23:37) *
SergeiVL, а почему б тогда просто див не воткнуть на 1000px шириной и 1px высотой?
Почему именно картинка?

В некоторых браузерах пустые дивы с пустым содержимым, несмотря на заданные размеры, схлопываются.
Вообще это довольно древний метод. В образцах версток 90-х годов обязательным атрибутом был файлик space.gif, 1x1прозрачный пиксель. Эта картинка использовалась для распорок в табличных верстках. От туда метод и пошел.

Согласен, что лучше грамотно реализовать все кодом. mellow.gif


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Делаю полностью уникальный дизайн для сайтов!
46 AlexDIZ 93462 26.3.2024, 20:03
автор: AlexDIZ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1119 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2289 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3913 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3638 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:11
Дизайн