Ururu

Искал способ заменить min-height для IE. Попался такой: .body { height : expression(parentNode.clientHeight < 880 ? "880px" : "auto"); min-height: 880px; height: auto; } Но там же написали, что работает только для IE6, а вот с 7 уже не дружит. Может есть что то универсальное?

Ага, точно. Вот только разработчики не позаботились о прибивании футера. По их мнению футер должен быть внизу, даже если низ это середина экрана. Из вариантов для верстки слоями знаю только этот (закрасить под цвет), отрицательные отступы (опять же не для кросплатформенности), с границами, фоновыми изображениями, илииспользовать js. Да они даже решили не напрягатся и не задавать высоту табличным ячейкам. И нафига такое"валидное" css?? Убил вечер на перелопачивание мелкософтовского сайта и не увидел рекомендаций использовать стандарты.

Есть подфорум "Обсуждение работ"

Какой браузер?

Размеры флешки знаю, но прочел что это не полностью поддерживается в IE6 и ниже. Или это только для fixed?

В опере9 min-height работает отлично, видел способ для IE6 или 5, а есть что либо универсальное? В блоке текст выравнен по левому краю. Нужно вставить картинку или флеш по центру. text-align: center; для объекта не работает, а на <center></center> ругается валидатор.

Выходит придется ждать когда появятся новые стандарты css. А пока решил все покрасить под фон, всеравно невидно будет длинну.

Спасибо, незнал что есть разница очереди при вложении.

Через бордюры не увидел где там, только статья эта попалась (пример 5) http://htmlbook.ru/content/?id=109 Там для двух колонок (запретом обтекания), попробовал для трех, не сработало. Подскажите где и как через бордюры.

Я div-ами, не таблицами. Прочел про faux columns, как понял, там подгоняется под фоновое изображение ... или нет?

как max-height может установить зависимость высот трех блоков?

Решил не использовать js на сайте вообще. Но возникла проблема. Блок-контейнер (div) имеет 3 вложеных блока-колонки. Установил им минимальную высоту в px. Проблема возникает при переполнении контентом одного из блоков, этот блок растягивается по высоте, а остальные остаются прежних размеров. CSS не понимает переменных, можно указать их в js. Например что бы переменная высоты всех блоков была равна наибольшему. Как это сделать без js? Проще чтобы вложеные блоки были равны по высоте контейнеру или наибольшему блоку.

Пробую в блоке-контейнере разместить 3 горизонтальных блока-колонки. У правого и левого фиксированая ширина. У центрального зависит от окна браузера и растягивается от левой до правой. Но получается перенос блоков, маргин авто не помог. Вот что есть: html <div id="main"> <div id="leftcol"></div> <div id="content"></div> <div id="rightcol"></div> </div> css #leftcol { background-color: #FFDAB9; /* Цвет фона PeachPuff1 255 218 185 #FFDAB9 */ width: 120px; /* Ширина слоя */ margin-left: 3px; /* Отступ слева */ margin-bottom: 3px; /* Отступ снизу */ margin-top: 3px; /* Отступ сверху */ float: left; /* Обтекание по правому краю */ min-height: 489px; /* Минимальная высота */ } #content { background-color: #8B7D6B; /* Цвет фона AntiqueWhite1 255 239 219 #FFEFDB */ margin: auto; min-height: 489px; /* Минимальная высота */ } #rightcol { background-color: #FFDAB9; /* Цвет фона PeachPuff1 255 218 185 #FFDAB9 */ width: 120px; /* Ширина слоя */ margin-right: 3px; /* Отступ справа */ margin-bottom: 3px; /* Отступ снизу */ margin-top: 3px; /* Отступ сверху */ float: right; /* Обтекание по левому краю */ position: relative; min-height: 489px; /* Минимальная высота */ } Делал все как написано тут (пример 2) http://htmlbook.ru/content/?id=95 А получается только так: Скрин

в центре страницы создан блок с шириной 100%. в нем 3 блока <div id="main"> <div id="leftcol"></div> <div id="content"></div> <div id="rightcol"></div> </div> ширина leftcol и rightcol по 100px использую float, а получается что блоки расположены вертикально, один за другим, как их расположить на 1 линии (колонками)? если использовать только 2 блока, то все нормально. П.С. И еще вопрос как отцентровать объект в блоке ? Не используя <center></center>.

Ни один из существующих способов мне не нравится. Решил делать все методом научного тыка. У меня футеры хедеры и т.д. имеют общую высоту 111px. За минимальный размер браузера принимаю 800х600 px. Установил min-height: 489px; для среднего блока с контентом. Это минимальная высота 800px минус сумма высот остальных блоков 111px. Получается что при разрешении 800х600 все выглядит идеально. При большем разрешении, под футером появляется место пустое. Установил цвет фона окна под цвет футера. Теперь получается что при изменении разрешения создается видимость изменения размера футера. Если учесть что страницы будут наполнятся контентом, то это вроде бы вполне приемлемо. Вариант не идеальный, но по мне так лучше чем накладывание слоев.

Вы видели в правилах на форуме запрет на картинки в подписи? =))))) Ненравится, уберу, но помоему прошло то время, когда в топах писали "осторожно трафик". Да, я ничем не отличаюсь от серого стада однотипных человеков.... В подписях картинки (бывает), жру доширак и шаурму (гурман), в метро читаю мураками (иногда рекламу), смотрю дом 2 и верю новостям (без телевизора никуда), слушаю реп (так пацаны риальные делают). Если будет желание, научите пожалуйста безликого, как жить и что делать. Там все что есть доступно. Но много чего нет или информация не полная. Гугль не особо помог, по запросам выдает пару сотен скраниц с одним и тем же, в основном копирайты. П.С. Но всеравно спасибо. Прочел на буржуйских сайтах. Сталкивался со многими проблемами при верстке и сделал вывод ... doctype system мне в помощь.

Вот что я хочу сделать: http://i599.photobucket.com/albums/tt72/Ub...pg?t=1239161359 А это сам код, что и как расположил: <!--Лого--> <div id="header1"></div> <!--Хедер--> <div id="header2"> <!--Поисковик--> <div id="search" class="column">поиск</div> <!--Топ меню--> <div id="topmenu" class="column">кнопки</div> </div> <!--Центральный контейнер--> <div id="container"> <!--Левое меню--> <div id="left" class="column">меню</div> <!--Контент--> <div id="center" class="column">контент</div> <!--Правое меню--> <div id="right" class="column">меню2</div> </div> <!--Футер--> <div id="footer"> <!--Копирайт--> <div id="copyright " class="column">копирайт</div> <!--Счетчики--> <div id="countermenu" class="column"></div> </div> </div> То футор фисит посередине, то вообще все слои перемешиваются и идут не по порядку.

Спасибо. Про вложеность и не вложеность я понимаю =) Вот в каком случае какой слой относительно какого позиционируется? И как влияет на это абсолют и релеват?

Стандартные способы не подходят. Вот такая страника... <div id="container"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> Блоки находятся в контейнере. Если попробовать так: position: absolute; bottom: 0; То футер прижмется. Но возникает другая проблема (с высотой блоков): Хедер наверху, за ним по умолчанию идет блок с контентом, внизу прибит футер (который позиционирован абсолютно - внизу, относительно страницы). Так вот как теперь объяснить блоку content, что нужно растянутся от и до??? Указываю в стилях высоту в 100%, результата нет, реагирует только на px. Может стоит просто по порядку указать div-ы без контейнера и позиционировать их все абсолютно (используя margin, что бы избежать нахлеста)?

Объясните пожалуйста популярно, как использовать дивы... А именно интересует позиционирование. Тоесть в чем разница вложенности дивов? Вот 2 примера... <div id="1"> <div id="a1"> <div id="a2"> <div id="a3"> </div> </div> </div> </div> <div id="a1">a1</div> <div id="a1">a2</div> <div id="a1">a3</div> Какая между примерами разница? Как правильно и для чего? И главное относительно чего позиционируются дивы? (относительно окна браузера, несмотря на уровни вложенности или относительно родительского окна, тоесть div относительно другого div-а в которое вложен?) И может есть у кого на примете справочничек (на русском), о div-ах (классы, флаты и т.д., информация на хтмлбуке не полная). Спасибо.

Валидатор пишет, что использовать такое можно только в xhtml. А в html все решилось убиранием слеша в параметре.

Валидатор ругается <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="50"> <param name="movie" value="myContent.swf"/> <object type="application/x-shockwave-flash" data="myContent.swf" width="100%" height="50"> <p>Alternative content</p> </object> </object> И что то ему ненравится именно тут (отметил цветом): <param name="movie" value="myContent.swf"/>

Эти варианты правильные? margin: 50px 20% 20px 20%; margin-top: 50px; margin-left: 50px; margin-bottom: 20px;

Я тоже знаю с десяток магазинов ) Может есть ресурсы какие с книжками?

Ищу книгу Моррис Д. Flash 8. Создание Web-сайтов Перерыл все (известные мне) сайты с книжками, нет =(