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 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
12 Boymaster 1911 Вчера, 21:03
автор: MisterBit
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4813 17.4.2024, 1:19
автор: sergio11
Открытая тема (нет новых ответов) Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ
0 bunneh 340 16.4.2024, 18:02
автор: bunneh
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19712 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта
0 Alex-777 862 7.4.2024, 18:05
автор: Alex-777


 



RSS Текстовая версия Сейчас: 20.4.2024, 1:09
Дизайн