Редактирование шаблона! Нужна помощь! - Вопросы по CSS

Всем привет! Нашел в интернете фиксированный шаблончик и решил переделать его на резиновый. Основная часть шаблона, хедер и футер растянулись нормально, но вот с контентной частью справится не могу. Сейчас (то есть после растяжки основной части, хедера и футера) шаблон имеет следующий вид:

Вот кусок кода который отвечает за контентную часть:

#maincolumn {
    float: left;
    margin: 0 5px;
    overflow: hidden;
    padding: 0;
    width: 530px;
}

По коду понятно, что контентная часть фиксированная (530px), после изменения значения с 530px на 100% получается следующее:

С этого скриншота видно как контентная часть уходит вниз и отображается на всю ширину окна под левой колонкой, а правая колонка уходит в самый низ и отображается после контентной части. На следующем скриншоте видно как уходит правая колонка:

То есть получается, что контентная часть не хочет растягиваться между колонками.
Уже второй день мучаюсь с этой проблемой и никак не могу решить ее. Знания в HTML и CSS, поверхностные, редактирую шаблоны в основном методом тыка и получается, но не всегда. Кто может, помогите, пожалуйста! Времени на изучение мануалов сейчас нет, нужно срочно сделать шаблон. В качестве символической оплаты тому, кто поможет перешлю 40 рублей на Webmoney. Я понимаю, что это мизер, но больше сейчас не имею. Заранее спасибо!

покажи, какой стиль у колонок, иначе не сказать

а вообще попробуй так
#maincolumn {
    height: 1%;
    overflow: hidden;
    padding: 0;
}

для ие6 возможно внутрь #maincolumn нужно положить еще один див-обертку и задать для него width: 100%

Попробуй дописать
#maincolumn {
    float: left;
    margin: 0 205px; (чуть больше ширины боковых колонок)
    overflow: hidden;
    padding: 0;
    width: 100%;
}

покажи, какой стиль у колонок, иначе не сказать

Левая колонка:

#leftcolumn {
    float: left;
    margin-left: 9px;
    padding: 0;
    width: 205px;
}

Правая колонка:

#rightcolumn {
    float: right;
    margin-right: 9px;
    padding: 0;
    width: 205px;
}

покажи, какой стиль у колонок, иначе не сказать

а вообще попробуй так
#maincolumn {
    height: 1%;
    overflow: hidden;
    padding: 0;
}

для ие6 возможно внутрь #maincolumn нужно положить еще один див-обертку и задать для него width: 100%

Я не знаю как это сделать. Хотя бы под мозиллу и оперу оптимизировать.

Попробуй дописать
#maincolumn {
    float: left;
    margin: 0 205px; (чуть больше ширины боковых колонок)
    overflow: hidden;
    padding: 0;
    width: 100%;
}

Проблема остается та же. Текст то отступает с лева, но отображается между колонками как и до этого.

Должен быть зазор. Если ширина колонки 205, то в центральной колонке пиши 210.
Или
#rightcolumn {
    float: right;
    margin-right: 9px;
    margin-left:-205px;
    width: 205px;
}
#leftcolumn {
    float: left;
    margin-left: 9px;
    margin-right:-205px;
    width: 205px;
}

Должен быть зазор. Если ширина колонки 205, то в центральной колонке пиши 210.

В центральной колонке пробовал 210 и 220, и больше, но проблема все та же.

Или
#rightcolumn {
    float: right;
    margin-right: 9px;
    margin-left:-205px;
    width: 205px;
}
#leftcolumn {
    float: left;
    margin-left: 9px;
    margin-right:-205px;
    width: 205px;
}

Это также не помогает. Я в печале...А может там что-то с позиционированием? Я пробовал вставить position: absolute; top:300px; left:210px; right:210px, с верху и с лева отступало, а вот справа нет (текст накладывался на колонку)

Все еще надеюсь на помощь...

Закинь на хостинг. Так гадать можна долго, а в коде разбираться напряжно.
Или FireBug ставь и методом тыка пробуй разные варианты.
http://joomlaforum.ru/index.php/topic,79712.new.html

Закинь на хостинг. Так гадать можна долго, а в коде разбираться напряжно.
Или FireBug ставь и методом тыка пробуй разные варианты.
http://joomlaforum.ru/index.php/topic,79712.new.html

Я FireBug-ом как раз и тыкаю=) Точно, так гадать долго можно. Сейчас залью сайт с демо данными на хостинг и потом дам ссылку!

Вот ссылка: http://heapref.ru/. Залил Joomla с демо данными и установил шаблон. Растянул все, кроме контентной части. Жду помощи...

Если менять только в CSS то задайте и для боковых колонок и для центра размер в %, например 20-60-20. Минус - это при больших расширениях монитора, колонки очень уж широкие выходят. Если делать с фиксированными боковыми, то без дополнительных дивов вряд-ли что выйдет.

Да. Не выйдет.
Обьедините все 3 колонки в див. И левую с центральной. Назначте им ID.
Отпишитесь потом.

Даже  достаточно левую с центральной.

Даже  достаточно левую с центральной.

Можете хотя бы приблизительно сказать как сделать это объединение, просто я не знаю как? Я делаю в основном все методом тыка и в терминах разбираюсь не очень=|

В index.php идут
<div id="leftcolumn">.......</div>
<div id="maincolumn">.......</div>
<div id="rightcolumn">.......</div>
Добавь ещё один див.
<div id="new">
<div id="leftcolumn">.......</div>
<div id="maincolumn">.......</div>
</div>
<div id="rightcolumn">.......</div>

В index.php идут
<div id="leftcolumn">.......</div>
<div id="maincolumn">.......</div>
<div id="rightcolumn">.......</div>
Добавь ещё один див.
<div id="new">
<div id="leftcolumn">.......</div>
<div id="maincolumn">.......</div>
</div>
<div id="rightcolumn">.......</div>

Прошу прощения за, возможно, нубские вопросы, но в какое именно место нужно вставить дополнительный div и что должно находится на месте многоточия. Просто <div id="leftcolumn">, <div id="maincolumn">, <div id="rightcolumn"> находятся в разных местах и между ними разное содержимое. Например, для правой колонки такое:
<div id="rightcolumn">
<jdoc:include type="modules" name="right" style="xhtml"/>
<br />
<div align="center"><jdoc:include type="modules" name="syndicate" /></div>
</div>
Мне стыдно за такие вопросы, но деваться некуда=|

На мести многоточия всё, что угодно. Например, то, что ты привел.
Этот <div id="new"> вставляеш перед <div id="leftcolumn">,
А это </div> перед <div id="rightcolumn">

На мести многоточия всё, что угодно. Например, то, что ты привел.
Этот <div id="new"> вставляеш перед <div id="leftcolumn">,
А это </div> перед <div id="rightcolumn">

Спасибо, теперь понятно. Сделал точно так же и есть прогресс=) В центральной колонке (maincolumn ), когда указываешь 69% все отображается нормально, но при уменьшении окна в браузере (у меня стоит разрешение 1440 на 900) правая колонка уходит вниз, зато левая остается=)
Вот скриншоты:



Осталось теперь с правой колонкой справится.

Efanych, подскажите, пожалуйста, каким образом можно правую колонку зафиксировать? Методом тыка не получается=|

Я ковыряю, тоже с одной колонкой не лады.
Преренеси
перед
<div id="new">

Я ковыряю, тоже с одной колонкой не лады.
Преренеси

Код

<div id="rightcolumn">
<jdoc:include type="modules" name="right" style="xhtml"/>
<br />
<div align="center"><jdoc:include type="modules" name="syndicate" /></div>
</div>

перед
<div id="new">

Спасибо, что ответили! Сделал так как сказали, теперь и левая и правая колонки на месте, но при уменьшении окна в браузере, контентная часть уходит вниз...зато колонка на месте!

Щас доковыряю. Подожди минутку. У меня только теория, на практике первый раз резинку делаю, потому столько парюсь.

Щас доковыряю. Подожди минутку. У меня только теория, на практике первый раз резинку делаю, потому столько парюсь.

Большое спасибо! Жду=)
Еще заметил, что если указать ширину центральной колонки 55%, то даже при уменьшении окна браузера контентная часть остается на месте (если 56% и выше, то улетает вниз), но этого недостаточно, так как остается пробел.

Урааааааа! У меня слов нет, Вы просто маг-волшебник. Большущее Вам спасибо! Скажите свой WMR или сюда или в личку=)

Помогите и мне  

Скачал шаблон. Всем он хорош, но уж очень узкий.
Методом тыка в style.css и с помощью фаирбага я расширил его.




Мне нужно расширить пункт №1. Когда я его растягиваю, то правый блок (пункт №2) уходит вниз.
Как мне его сдвинуть вправо?

Изначально в (style.css) он выглядит так:


Пробовал сделать так:


После этого он вправо уходит, но остаётся снизу.

Я пытался вставить "margin-top: 500px" - ориентировался по главной.
Но естественно когда я захожу на другую страницу, где контента меньше или больше, то этот блок прыгает на эти 500пикселей относительно низа.

Помогите привязать этот блок к верхней границе.
Или может я иду по неверному пути и как мне расширить шаблон правильно?