2 колонки в Div либо таблицах

[aleyer]

Доброго времени суток. хочу сделать вот что:
2 колонки, одна фиксированной ширины (это работает), другая - на всё оставшееся пространство. как это делается в css и div понять (пока) не могу, а если сделать в таблицах (а содержимое таблиц расписано в div'ах), то вторая колонка нормально отображается в Опере, занимая выделенный ей кусок экрана полностью, и не вылазя за его границы (центральная часть страницы, слева и справа - меню). В фаерфоксе вторая колонка (правая) вылазит за пределы справа, залазя под правое меню, в эксплорере левое и правое меню падают ниже содержания страницы (эти самые 2 колонки), колонка растягивается от центра, залазя на места менюшек. страница на локальном сервере, но, если надо, заброшу на сайт, дам ссылку. код могу тоже выложить, но прежде всего интересует теория, почему происходит так и как с этим бороться и как сделать саморастягивание колонки на div и css.

[sleep-walker]

А ширина хоть в процентах задавалась?

[Lexis]

определяй браузер, и в соответствии с ним свои параметры колонок

[Quantum]

HTML
<div id="content">
<div id="sidebar"></div>
<div id="mainContent"></div>
</div>

CSS
#content {
overflow: hidden;
height: 1%; (или zoom: 1; если для родительского элемента блока #content задана высота)
}

#sidebar {
float: left (или right);
width: 200px (%, em);
}

#mainContent {
margin: 0 0 0 200px (%, em); (для левого float)
}

[-=TigeR=-]

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

[aleyer]

сейчас попрробую то, что предложил Quantum...

хочешь все нормально разместить - используй таблицу....

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

[Quantum]

Народ, вы чего? Какие таблицы? CSS достаточно мощный и гибкий инструмент, чтобы, в большинстве случаев, отказаться от табличной верстки.

[-=TigeR=-]

сейчас попрробую то, что предложил Quantum...

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

если чтото гдето вылазит - значит ты что сделал нетак...
таблица на всю страницу... а в ней уже играешся с шириной колонок... ячеек...

[Alochka]

Quantum дал совершенно правильный пример. Получится только если вписать эти колонки в родительский div.

[sleep-walker]

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

юзается float и спокойно всё размещается) Просто в некоторых случаях придётся заюзать br со стилем clear. Тонкостей много, для каждой ситуации можно что-то найти)

aleyer, очень тяжело так что-то сказать. Надо видеть весь код, чтоб подсказать что-то.

[aleyer]

Я вот сам не могу раскопать весь код, чтобы понять происходящее.
На моем сайте используется такая же тама, как и http://demo.joomlart.com/contest_opt...e_elements=red
Видите там справа "модули" (так они зовутся в джумле) в округлом стиле? Я решил главную страницу сделать в двух таких колонках, выдернув код этого "округлого" элемента из отрендереной страницы. Работает в принципе. Если сделать в дивах, как предложил Quantum, то, похоже, что из-за того, что этот элемент предназначается для показа модулей, которые всегда располагаются один под другим, 2 колонки отображаются одна под другой. Без этих "округлостей" внутри всё работает.
Но я заметил другую проблему. Все броузеры, кроме оперы отказываются преобразовывать текст, содержащий символы перехода на новую строку (не /н, <бр/>, а невидимый символ, как в текстовых редакторах) для подгонки под ширину. Соответственно строки обрезаются. Как на php убрать заменить эти символы на пробел, то есть перевести текст в одну длинную строку?

[Илья Царюк]

Нет таких невидимых символов, может ты имеешь в виду управляющие ASCII-коды (http://ru.wikipedia.org/wiki/ASCII). Вот как узнаешь что это за коды, так и сможешь их заменить массово где надо и на что надо.

[aleyer]

да, это были 0a и 0d, но убираться (ereg_replace'ом в частности) они почему-то решительно откаазывались. В результате просто поменял форматирование проблемной новости, так как проблема была только в одной из них.
С задачей уже справился, но используя таблицу с двумя ячейками (вследствие особенностей используемых красот).
Завтра буду забрасывать изменения на сервер. Если кому-то интересно, можете заглянуть на мой сайт

Всем спасибо!

[SooR]

Дивы у меня на сайте отлично отображали содержимое в ИЕ и плохо в мозилле, очевидно мой малый опыт еще не позволяет стабилизировать все правильно. Float, position и top давали всё те же корявые результаты в FireFox.
Поэтому перешел на таблицы, все задал как мне надо и во всех браузерах отображается так, как было задумано изначально.
Запросы у меня простенькие, поэтому обхожусь пока успешно таблицами.

[Vintyara]

если я правильно понял проблему, вот ОДИН ИЗ вариантов -

<div id="left">sd</div>
<div id="right">sd</div>

<style>
#left, #right {
position: absolute;
bottom: 0;
top:0;
}

#left {
left: 0;
width: 200px;
background-color: green;
}

#right {
left: 200px;
right: 0;
background-color: orange;
}
</style>

[Vintyara]

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

нет, есть такая фигня как float

[aleyer]

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

[Vintyara]

дык если проблемы есть - чего не попробовать таки по нормальному переделать ?