как оптимизировать сайт под любой дисплей?

Качайте IETester или MultipleIE и опять выпадайте в осадок. Совет один: тестировать и проверять на всех популярных браузерах.

Возьмите шаблон и дайте хорошему верстальщику попросив сверстать под джумлу при этом подметив что шаблон должен быть кросбраузерный и резиновый!

После выше описанных операций диз не должен ползти на разном разрешении и под разными браузерами (как минимум это IE,Firefox,OPERA)

а вот как раз с резиной часто траблы если сложная структура. Легче делать фиксированной ширины и по центру. Правда тоже есть проблема в том, что на очень старых мониторах будет полоса прокрутки, а на новых больших - будет много пустого места. Но делая ширину около 900-960 - можно добиться более-менее нормальных показателей

Причем тут форум joomal? Верстайте правильно, ставьте ограничения на ширину, как по максимуму, так и минимуму.

Если не знаете как, то учите html и css.

+1, советую начать с верстки нерезиновых дизайнов. Шаблон такого размера будет нормально смотреться на мониторах от 1024x768 и выше, т.е. на более чем 95% мониторов. Верстка под все браузеры + их версии + разрешения экрана - задача далеко не такая простая как кажется.

Пример скрипта, где ява отслеживает, что если монитор широкоформатник, то ширина внешней таблицы фиксирована, если разрешение монитора меньше определённого числа, то ширина 100%

http://www.ponedelnikov.net/index.php?name=Pages&op=page&pid=32

Достаточно под самые распространенные:

IE6, IE7, FF2, FF3, Opera.

Либо центрировать по центру, либо делать варианты под разные разрешения и подставлять нужные в зависимости разрешения монитора у клиента.

Никак. Максимальное разрешение подбирается к 3000 пикселей. Минимальное - в мобильных.

Имхо нужно ориентироваться на основную массу пользователей с 1024-1280px для остальных делать всякие припарки. Например - на узких мониторах убирать рекламную колонку, на широких - добавлять.

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

Ссылки по теме:

http://cssing.org.ua/examples/adaptive/yandtables.html

http://cssing.org.ua/2008/09/17/adaptive-boxes/

http://meyerweb.com/eric/thoughts/2005/11/09/multi-unit-any-order-columns/

http://community.livejournal.com/ru_coding/246443.html

http://muffinresearch.co.uk/archives/2006/02/07/css-drop-column-layout/

Доводы против "резины":

http://webusability.com/article_line_length_12_2002.htm

http://www.umade.ru/log/2005/11/optimal-line-length/