thekap

Подскажите, пожалуйста, layout, сделанный на div, с колонками одинаковой высоты и состоящий из шапки, трёх колонок и футера. При этом высота колонок должна быть сделана без использования каких бы то ни было скриптов, сам layout должен быть резиновым, а колонки идти на всю высоту экрана, даже если в них ничего не будет. Плюс layout должен быть кроссбразерным и нормально работать в IE6 и прочих проблемных браузерах. В общем, ищу что-то такое. Пока удалось найти устаревшие layot'ы, которые делались ещё для нормальной работы в IE4, но это не совсем то, что надо. Там либо есть javascript, либо приёмы вёрстки устаревшие. Спасибо!

И всё-таки, можно это как-то сделать в дримвивере или другой программе? PHP - проблематично, я его не знаю. Есть, конечно, такой вариант, как реплейсеры, то есть спецпроги, где задаёшь, что на что менять, и оно меняет хоть в 1000 указанных файлах. Однако интереснее было бы вносить исправления по ходу изучения CSS. Иначе придётся вначале изучать CSS, потом где-то указывать, что и где поменять, а потом уже менять.

Дело в том, что в такие дебри лезть не планируется. Менять нужно только название тех классов, в которых уверен на 100%, что это будет правильно. К примеру, есть класс menu, который одинаков для всех документов, а я хочу заменить его на menu01. Нажал и поменял. Вот так было бы отлично.

Допустим, у меня есть style.css и пять страниц, где он используется. Можно ли в дримвивере как-то указать, что данный style.css связан с перечисленными пятью страницами, а затем при изменении имени класса он должен автоматически меняться на этих пяти страницах без их обязательного открытия в программе. Например, есть класс menu, я его меняю на menu01, после чего программа автоматом меняет название этого класса в связанных файлах. Конечно, она их будет как-то открывать для замены, но суть в том, чтобы их не надо было открывать сразу при правке css. Файлов-то может быть 100 или 1000. А так поменял название класса, нажал кнопку заменить во всех связанных и пошло. Такая возможность есть? Спасибо за советы.

И последний вопрос. Если размеры блока, например, 100 на 100 пикселей, то картинка, которая должна полностью его заполнять должна быть такого же размера или на 1 пиксель меньше, то есть 99 на 99 пикселей? У самого блока при этом рамка не будет задана. P. S. Всем отписавшимся в теме спасибо за советы.

Спасибо, помогло. Теперь всё нормально. Не спорю, может, и глупый, но меня на него натолкнуло мнение о том, что, когда верстаешь макет под разрешение 800 на 600 и таблица имеет фиксированные размеры, то её ширину надо делать 750px. Перефразирую тогда. Какая оптимальная ширина таблицы для разрешения 1024 на 768, если учесть, что она располагается по центру экрана? Я взял 950px. Может существует какой-либо другой "стандарт"? P. S. И ещё возник такой вопрос. Поставил в правой колонке, центральном блоке и левой колонке рамки по бокам, чтобы посмотреть, как оно смотрится с учётом разделителя. В Opera и FireFox рамки чётко состыкуются с верхним и нижним блоком, а вот в IE6 нормально соединяются только с нижним. До верхнего же не достают буквально 1px, поэтому появляется едва заметный зазор. Это можно как-то исправить? Дело в том, что позднее эти рамки пригодятся.

Существуют ли какие-либо типовые размеры блоков, которые можно назвать стандартными? Понятно, что для каждого макета размеры могут быть разными, но хотелось бы узнать, есть ли какие-то стандарты. Чтобы лучше понять, что имеется в виду, приведу свой пример. Делаю сейчас трёхколонную таблицу. При этом для таблицы взял ширину 950px, для верхнего меню высоту - 45px. Для разделителей между шапкой и центральным блоком, а также между центральным блоком и подвалом взял высоту 5px. Центральный блок имеет такие размеры ширины: правая колонка - 221px, разделитель - 4px, контент - 500px, разделитель - 4px, левая колонка - 221px. Далее после разделителя, о котором говорилось выше, идёт подвал. Его высота - 45px. Нормальны ли такие размеры или стоит где-то чуть уменьшить или, наоборот, повысить? Спасибо за ответы. P. S. И ещё сделал для всей таблицы отступ сверху 5px и снизу 5px. В FireFox и Opera нижний отступ показывается нормально, а вот в IE6 его не видно, то есть таблица прилипает прямо к низу экрана. Как это исправить? Верхний отступ в IE показывается нормально.

Я уже тоже пришёл к такому же мнению, но тут уж ничего не поделаешь, шаблон-то бесплатный. Поэтому сейчас читаю информацию, представленную на сайте о вёрстке DIV'ами. Видимо, придётся верстать всё с нуля, а потом уже подстраивать под Joomla. P. S. Может, вы знаете сайты, где можно скачать или купить нормальные шаблоны с нормальной вёрсткой для Joomla? И ещё, чтобы не создавать новую тему, спрошу тут. Не существуют ли в настоящее время какие-либо специальные сборки, куда входили бы разнообразные версии наиболее часто используемых браузеров? Иными словами, чтобы с их помощью можно было посмотреть, как сайт выглядит, например, и в IE 7, и в IE6. А то IE 6 стоит и так, а сам пользуюсь последним Firefox и Opera, но, если поставлю IE7 или IE8, то не смогу смотреть, как выглядят сайты в IE6.

http://testtemplate.narod.ru/ - обрезал весь php и оптимизировал для работы на народе. CSS и всё остальное осталось неизменным. Забыл добавить, вот ссылка на CSS - http://testtemplate.narod.ru/template.css

http://rapidshare.com/files/299475573/code.rar.html

Не дождётесь , просто я вчера больше в сеть не заходил. Я, конечно, понимаю, что тут собрались исключительно профессионалы самого высокого класса, которые с самого начала знали абсолютно все нюансы вёрстки под разные браузеры, но всё-таки хотелось бы услышать какие-либо рекомендации. Возможно, я не прав в том, что не выложил код, но он там слишком длинный. Не хотел отнимать время участников форума. Насколько я знаю, проблемы, описанные выше, довольно распространены для IE, поэтому должны существовать какие-либо общие рекомендации по их решению.

Помогите подправить вёрстку. Проблемы следующие: 1) IE - появляются белые полосы между блоками, как их убрать? 2) Opera - надпись "Главная страница" съезжает куда-то вверх, как можно исправить? В Firefox всё работает нормально, как видно, из представленных ниже скриншотов. Хотелось бы знать, что не так. Спасибо за советы. Скриншот 1 (IE) – http://s47.radikal.ru/i115/0910/96/3c9ce071ae30.jpg Скриншот 2 (Opera) – http://i035.radikal.ru/0910/04/f28d7326135f.jpg Скриншот 3 (Firefox) – http://i042.radikal.ru/0910/54/7b98114dede9.jpg P. S. Вёрстку делал не я. Это бесплатный шаблон для Joomla, который потом будет исправляться, но пока возникли описанные выше проблемы.