Опять про CSS - VirtualIreland.ru

Chief · 29.11.2006, 12:34

Господа знатоки,

есть проблемка. Очень хочется расположить рядом друг с другом два div-а, набитых всяким контентом.
Делаем так:

<div id="index:menu" style="width: 220px; display:inline; vertical-align:top; float:left">....</div>
<div id="index:list" style="width: 770px;display:inline">....</div>

IE и Opera счастливы. FF кладет оба div-а один поверх другого. Если второму диву добавить padding-right: 220px, становится счастлив FF но IE и Opera честно двигают второй div еще на 220 точек. Подскажите, что я пропустил и что можно поправить (за исключением генетического кода).

Заранее благодарен!

Chief · 29.11.2006, 13:27

Отвечаю сам на свой же вопрос: float:left во втором div-е спасло отца русской демократии. Но не совсем. теперь у FF, в отличие от двух других, вокруг контента всей страницы образовалось свободное пространство точек так в 10. Хотя в body определении стоит margin:0px. Повторюсь в двух других браузерах этого пространства нет. До добавления второго float-а не было тоже. С чем это может быть связано?

nexus · 29.11.2006, 16:49

Чего-то нифига не пойму, чего ты хочешь получить. У меня немодифицированный код выглядит так. А как тебе надо?

Если ты пытаешься сделать два столбца, то тебе сюда.

PS: inline css sucks arse
PPS: а генетический код разве можно модифицировать?

Chief · 29.11.2006, 17:08

Цитата:

Сообщение от nexus

Чего-то нифига не пойму, чего ты хочешь получить. У меня немодифицированный код выглядит так. А как тебе надо?

Если ты пытаешься сделать два столбца, то тебе сюда.

Хотелось получить две области в два столбца. Области получил. Только теперь на FF они обе обрамлены пустым пространством. На IE, Opera ничего подобного нет.

Цитата:

Сообщение от nexus

PS: inline css sucks arse

Это черновик, начисто пойдет все в CSS файл.

Цитата:

Сообщение от nexus

PPS: а генетический код разве можно модифицировать?

низзя. но особо вумные иногда советуют искать ошибку именно там