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

Здравствуйте, J_K, Вы писали:

J_K>Всем привет,
J_K>надо сделать так, чтобы два дива находились на одном уровне (по горизонтали).
Выстави display inline у каждого из этих дивов

J_K однажды (13 января 2009 09:03) писал в rsdn.web:

> Всем привет,
> надо сделать так, чтобы два дива находились на одном уровне (по горизонтали). Я ставлю одному из них float правый, другому левый. В каждом из дивов размещен список с элементами,
> у которых тоже стоят флоаты левые — тогда они смирно выстраиваются по горизонтали. Все мило, красиво, но обнаружлся один очень неприятный баг. При сужении окна элементы списков
> попросту исчезают, вернее исчезают списки полностью! После того, как дивы были обрамлены в таблицу, стало немного лучше — исчезают только крайние элементы. Но все равно, как бы
> сделать, чтобы они не исчезали совсем? Спасибо

<table>
<tr>
<td></td><td></td>
</tr>
</table>

Или религия нестандартная?

--
Бортовой журнал

Здравствуйте, Sheridan, Вы писали:

S>J_K однажды (13 января 2009 09:03) писал в rsdn.web:

>> Всем привет,
>> надо сделать так, чтобы два дива находились на одном уровне (по горизонтали). Я ставлю одному из них float правый, другому левый. В каждом из дивов размещен список с элементами,
>> у которых тоже стоят флоаты левые — тогда они смирно выстраиваются по горизонтали. Все мило, красиво, но обнаружлся один очень неприятный баг. При сужении окна элементы списков
>> попросту исчезают, вернее исчезают списки полностью! После того, как дивы были обрамлены в таблицу, стало немного лучше — исчезают только крайние элементы. Но все равно, как бы
>> сделать, чтобы они не исчезали совсем? Спасибо
S>

S><table>
S><tr>
S><td></td><td></td>
S></tr>
S></table>
S>

S>Или религия нестандартная?

Ужасно остроумно. Катаюсь по полу. На самом деле, я знаю, что так можно, но мне интересно, можно ли обойтись без таблиц. Все-таки код без таблиц выглядит чуточку компактнее. Если бы еще не глючил, вообще было бы здорово.

S>--
S>Бортовой журнал

Что если задать в CSS атрибуты position и left для регулировки?

Здравствуйте, Ёлкин, Вы писали:

Ё>Здравствуйте, J_K, Вы писали:

J_K>>Всем привет,
J_K>>надо сделать так, чтобы два дива находились на одном уровне (по горизонтали).
Ё>Выстави display inline у каждого из этих дивов

Помогло, спасибо!

Здравствуйте, J_K, Вы писали:

J_K>Здравствуйте, Ёлкин, Вы писали:

Ё>>Здравствуйте, J_K, Вы писали:

J_K>>>Всем привет,
J_K>>>надо сделать так, чтобы два дива находились на одном уровне (по горизонтали).
Ё>>Выстави display inline у каждого из этих дивов

J_K>Помогло, спасибо!

Нет, ничего не помогло. Также исчезает. Просто на работе шире монитор, дома узкий и сразу стало видно, что также исчезают.

Здравствуйте, J_K, Вы писали:

J_K>Здравствуйте, Sheridan, Вы писали:

S>>J_K однажды (13 января 2009 09:03) писал в rsdn.web:

>>> Всем привет,
>>> надо сделать так, чтобы два дива находились на одном уровне (по горизонтали). Я ставлю одному из них float правый, другому левый. В каждом из дивов размещен список с элементами,

Попробуй, например, так:
.container .main_container {
padding: 10px;
margin-top: 0px;
margin-right: 210px;
margin-bottom: 0px;
margin-left: 210px;
}
.container .left_panel {
float: left;
width: 200px;
padding-top: 15px;
padding-left: 10px;
}
.container .right_panel {
float: right;
width: 200px;
}
.container .clearfloat {
clear: both;
}

html:
<div class="container">
<div class="header">
</div>

<div class="left_panel"></div>
<div class="right_panel"></div>

<div class="main_container"></div>
<br class="clearfloat" />
<div class="footer"></div>
</div>

ну как-то так!

Забей на дивы, юзай таблицы как все белые люди и не парься. Дивы это только если лишнее время есть или повыпендриваться хочеццо — типа я модный перец такой. Таблицы спасут мир

Здравствуйте, J_K, Вы писали:

J_K>Здравствуйте, J_K, Вы писали:

J_K>>Здравствуйте, Ёлкин, Вы писали:

Ё>>>Здравствуйте, J_K, Вы писали:

J_K>>>>Всем привет,
J_K>>>>надо сделать так, чтобы два дива находились на одном уровне (по горизонтали).
Ё>>>Выстави display inline у каждого из этих дивов

J_K>>Помогло, спасибо!

J_K>Нет, ничего не помогло. Также исчезает. Просто на работе шире монитор, дома узкий и сразу стало видно, что также исчезают.
Если не надо автосайз по содержимому, то левому диву поставить style="float: left; width:49%" и правому style="float: right; width:49%". Будут на одном уровне.

Здравствуйте, PaulMinelly, Вы писали:

PM>Здравствуйте, J_K, Вы писали:

J_K>>Здравствуйте, J_K, Вы писали:

J_K>>>Здравствуйте, Ёлкин, Вы писали:

Ё>>>>Здравствуйте, J_K, Вы писали:

J_K>>>>>Всем привет,
J_K>>>>>надо сделать так, чтобы два дива находились на одном уровне (по горизонтали).
Ё>>>>Выстави display inline у каждого из этих дивов

J_K>>>Помогло, спасибо!

J_K>>Нет, ничего не помогло. Также исчезает. Просто на работе шире монитор, дома узкий и сразу стало видно, что также исчезают.
PM>Если не надо автосайз по содержимому, то левому диву поставить style="float: left; width:49%" и правому style="float: right; width:49%". Будут на одном уровне.

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

J_K>Немного помогло. Но тогда элементы исчезают по одному. А мне надо, чтобы вообще не исчезали. Если вместо процентов выставить ширину в пикселах, то при сужении окна исчезает див целиком.

Выложи сэмпл в инет, как это изчезают?

J_K>Ужасно остроумно. Катаюсь по полу. На самом деле, я знаю, что так можно, но мне интересно, можно ли обойтись без таблиц. Все-таки код без таблиц выглядит чуточку компактнее. Если бы еще не глючил, вообще было бы здорово.

а код с таблицей выглядит понятнее, хотя конечно там где заботятся о компактности, понятность обычно не в чести

Здравствуйте, avpavlov, Вы писали:


J_K>>Ужасно остроумно. Катаюсь по полу. На самом деле, я знаю, что так можно, но мне интересно, можно ли обойтись без таблиц. Все-таки код без таблиц выглядит чуточку компактнее. Если бы еще не глючил, вообще было бы здорово.

A>а код с таблицей выглядит понятнее, хотя конечно там где заботятся о компактности, понятность обычно не в чести

Да нет, я не против таблиц в принципе, они на самом деле нравятся мне гораздо больше, чем дивы — гораздо логичнее они. Вся трабла в том, что мне теперь нужно переделывать дизайнерский шаблон, я просто боюсь, что это может, как говорится, "чревато боком выйти" — но наверное, все же сделаю таблицы.