| |
|
|
| | Помнится, мне кое-кто из верстальщиков этого форума (не будем показывать кто) обещал показать иммитацию minwidth с использованием отрицательных полей. Я разобрал примеры колоночной верстки и проникся величием отрицательных полей. Но у моей дивной странички есть существенный недостаток: если ее сжать до где-то 500пх, то мой логотип протыкает насквозь линией от другого дива. Короче, дивы заезжают один на другой. Хочу от этого избавиться.
Если нужно прикрепить архив - только скажите. | |
| |
|
|
| |
|
|
| |
для: SHAman
(17.01.2007 в 22:23)
| | | ну, как понимаешь (не будем показывать кто) далеко не телепат (это насчет архива).
а по minwidth я дал два полезных совета в тойже теме:
http://softtime.ru/forum/read.php?id_forum=4&id_theme=30816
автор: AlexSol (14.01.2007 в 22:08) письмо автору
имитировать этот minwidth. тоже с отрицательными полями. посмотри у того же fear.86 или поиском - я раз пять пример приводил.
|
у fear.86 - это
тема http://softtime.ru/forum/read.php?id_forum=4&id_theme=29549&page=1
автор: Fear.86 (22.12.2006 в 20:27)
поиском - это http://softtime.ru/forum/srchform.php?id_forum=4&name=minwidth+&numberthemes=30&srchwhere=2&id_forum=4&logic=0&send=%CD%E0%E9%F2%E8
в частности http://softtime.ru/forum/read.php?id_forum=4&id_theme=28404&page=1 (тут два рабочих варианта) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(17.01.2007 в 22:36)
| | | Прошу прощения: сначала написал - потом посмотрел. Буду проникаться дивной идеей дальше. Срочно требуется медитация на minwidth... АУМммм...
добавлено:
О! И сразу глюк нашелся: если картинки не грузить - все сползает кто во что горазд. | |
| |
|
|
| |
|
|
| |
для: SHAman
(17.01.2007 в 22:49)
| | | >если картинки не грузить - все сползает кто во что горазд
видимо так сверсттал. у картинок надо в явном виде высоту/ширину прописывать.
если честно, то вечером уже лень что-то делать. попробуй http://www.cssplay.co.uk/boxes/minwidth.html - там с примерами, перевод есть в возможностях гугла - корявенько, но смысл ясен.
я использую конструкцию:
<body id="home">
<div id="outer">
<div class="minwidth">
<div class="layout">
<div class="container">
<div class="content">
<div id="container">
///тута все-все-все
//а тута это дело закрывается
|
стили тут - http://www.chrisjwilliams.co.uk/css/style.css /ненужное выкинь/
-------------------------------
у тебя в самом конце лишний див закрыт.
смотря по диагонали воспринимается - мышь - администрировать (хоть и серым) и банк аниме. что это все связывает не очень ясно =) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(17.01.2007 в 23:09)
| | | Спасибо большое за ответ и ссылки - гляну.
А что означает:
"смотря по диагонали воспринимается - мышь - администрировать (хоть и серым) и банк аниме. что это все связывает не очень ясно =)"
? Чет я смысла не понял...что значит "по диагонали"? Я структурировал страничку так, чтобы без стилей иерархичность и порядок соблюдались. Мне ща не нравятся 2 вещи: 1) возможность слишком сильного сжатия (до обезображивания) и 2) при ооочень больших разрешениях экрана линия, на которой сидит мышь раздвояйца : ( | |
| |
|
|
| |
|
|
| |
для: SHAman
(17.01.2007 в 23:23)
| | | есть такая вешь как визуальное восприятие инфы. может даже в учебники биологии было (я много где встречал) - рядом ддва изображения - портрет человека и схематическая ломаная линия, показывающая на каких местах останавливается взгляд, в какой последовательности рассмартиваются детали.
вот я обратил внимание именно на эти три вещи.
слово 'банк' опускаем, а вот аниме в моем представление с мышем вяжется плохо. у меня на это слово асоциация - мультяшный герой-человек непонятного пола с громадными глазами (ну уж не мыша никак), а слово 'администировать' сильно по шрифту выделяется. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(17.01.2007 в 23:33)
| | | пример с моей странички (которая в разработке сейчас): минимальное сжатие - 900рх макс - 1500рх.
...
<body>
<div id="max_width">
<div id="measurer"> ^;</div>
...
</div>
</body>
|
и стили
div#measurer
{
position: absolute;
width: 100%;
top: 0;
height: 1px;
line-height: 1px;
border:none;
}
div#max_width
{
min-width: 900px; /*это не для ИЕ */
max-width: 1500px;/*это не для ИЕ */
width:100%;
margin:0;
padding:0;
}
* html div#max_width {
height: 300px;
/*а вот это уже для ИЕ */
width: expression(
(
document.getElementById('measurer')
&& document.getElementById('measurer').clientWidth < 900
)
? '900px'
: (
document.getElementById('measurer')
&& document.getElementById('measurer').clientWidth < 1500
)
? '100%'
: '1500px'
);
}
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(18.01.2007 в 16:07)
| | | плохой пример. медленно сжимайте - увеличивайте окно в эксплорере и увидите, что есть глюки. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(18.01.2007 в 16:31)
| | | нормальній пример. Целевая аудитория медленно не сжимает окна в ИЕ ;) | |
| |
|
|
| |
|
|
| |
для: Lelik
(18.01.2007 в 16:35)
| | | этото да, я к тому что если окно не в полный экран, то может попастся его размер, при при котором все поползет. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(18.01.2007 в 16:39)
| | | что такое "окно не в полный экран".
ЗЫ. еще не разу ничего не ползло (при любых размерах)... | |
| |
|
|
| |
|
|
| |
для: Lelik
(18.01.2007 в 16:46)
| | | что такое "окно не в полный экран". - это значек рядом с кнопкой 'закрыть окно'
а твоим кодом я просто убил эксплорер в момент, когда width<900. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(18.01.2007 в 16:55)
| | | не понял "убил"? ведь условие такое, что если окно меньше 900рх, то див отвечающий за ширину отображаемого контента имеет ширину в 900, аналогично min-width для ФФ и Оперы | |
| |
|
|
| |
|
|
| |
для: Lelik
(18.01.2007 в 16:07)
| | | для корректной работы моего примера - небольшая правка:
<body>
<div id="measurer"> </div>
<div id="max_width">
...
</div>
</body>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(18.01.2007 в 17:04)
| | | убил - значит наповал. а вариан всеравно неахти. мне проще парочку вложенных дивов сделать =) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(18.01.2007 в 17:09)
| | | а мне так удобней. В общем каждому свое ;) | |
| |
|
|
