Позиционирование блоков

[yujin11]

Добрый вечер, есть проблемка:

Есть контейнер внутри которого помещаются блоки.

По умолчанию блоки выстраиваются с лева на право не по порядку и строго сверху в низ. Как можно сделать так, что бы блоки выстраивались по порядку один за другим слева на право? В этих блоках будут находится изображения и текст. Один из вариантов - это создать таблицу. Но как это можно сделать без неё, верстая дивами? В стилях прописывал display:inline; но что то ничего не получалось

[deadrash]

Нифига не понятно, а можно увидеть пациента?

[Chuv]

display: inline-block

display:inline - для осла 6 и 7

[yujin11]

display: inline-block

display:inline - для осла 6 и 7

Наивный, думает, что я не пробовал. Не канает!

Код:

<div id="content">

<div id="sss">Тут будут картинки и всякая Бла-бла-бла </div>

<div id="aaa">Тут тоже самое</div>

</div>

CSS:

#content {

width:775px;

height:341px;

}

#sss{

background-color:#999;

width:100px;

height:100px;

}

#aaa{

background-color:#30F;

width:100px;

height:100px;

}

Элементы "sss" и "ааа" отображаются один под другим, а нужно что бы они отображались один за другим с лева на право. В этих элементах будут находится картинки и текст. Вот собственно и всё. Как это можно сделать?

Edited January 4, 2011 by yujin11

[Vlad]

float всех победит!

[yujin11]

float всех победит!

По подробней пожалуйста, куда его нужно прописывать.

[Temiks]

По подробней пожалуйста, куда его нужно прописывать.

смотря какое вам выравнивание нужно если на право то в sss { float:right }

если на лево то в aaa { float: left }

[yujin11]

смотря какое вам выравнивание нужно если на право то в sss { float:right }

если на лево то в aaa { float: left }

Т.е если мне нужно что бы каждый элемент блока "content" появлялся слева на право, один за другим, мне нужно в CSS прописать:

#content {

float:right;

}

а если просто один из элементов скажем "aaa"следовал сразу за блоком "sss" то в "aaa" нужно прописать { float: left }.

Я правильно понял?

[Temiks]

.

если написать float в #content то #content станет по середине экрана и блоки не сместятся с лева на право

Edited January 4, 2011 by Temiks

[yujin11]

.

если написать float в #content то #content станет по середине экрана и блоки не сместятся с лева на право

Вы меня запутали.

Мне нужно что бы блоки шли не один под другим, как это сделано по умолчанию, а один за другим.

В общем попробую разобраться с float, что не пойму, спрошу.

[Temiks]

В общем нужно блоку sss поставить float:right, а не блоку ааа, но почему-то возникает между ними большое расстояние

[yujin11]

O`K.

Попробую, что из этого получится ))

[yujin11]

Всё! Понял ) Спасибо большое )

Edited January 4, 2011 by yujin11

[yujin11]

Проблема решена частично.

В мозиле. текст отображается корректно, а в И.Е он съезжает в правую сторону и прижимается к верху. Тем самым расширяя блок.

Как сделать так что бы он никуда не выезжал как в лисе?

Вот ссылка: http://yujin11.hmsite.net/Index.html