Позиционирование блоков внутри другого

[aka_SmILe]

css:

.col_basic {

width: 73%;

}

.col_text {

float: left;

}

.col_pic {

height: 350px;

float: left;

}

Вкладываем блоки внтурь базового

html:

<div class="col_basic">

<div class="col_text">

<p>тут текст</p>

</div>

<div class="col_pic"><img src="uploads/images/image.png" alt="" /></div>

</div>

Как видите должно получится в итоге. Общий блок, в котором слева находится блок текста, а справа изображение. Но получается какой-то неосмысленный бред. Копал css.chm но не получается ничего.

Edited May 1, 2009 by aka_SmILe

[Victor Ananiev]

я так понял sd имели ввиду overflow:(auto|hidden); для col_basic.

[homm]

Как видите должно получится в итоге. Общий блок, в котором слева находится блок текста, а справа изображение. Но получается какой-то неосмысленный бред.

Я вообще-то вижу, что должен получится "Общий блок, в котором слева находится блок текста, и слева изображение". что и имеем.

[aka_SmILe]

ВОТ СКРИН как должно получится.

Блок 1 - это текстовый

Блок 2 - там будет изображение

Блок 3 - базовый, в котором находится 1 и 2 (его границы отображаться не будут)

я так понял sd имели ввиду overflow:(auto|hidden); для col_basic.

что такое sd?

да. overflow забыл указать в css (спасибо). Блок должен быть невидимым.

Также ребята хотел спросить. Например, я в блок 1 однажды напишу много текста, тогда при растягивании нижняя часть блока 1 наедет на нижнюю часть блока 3. Как мне в стиле написать что-то, чтоб при растягивании блока 1 вниз, автоматически растягивался и блок 3 ?

[Victor Ananiev]

sd это опечатка: вы

на счет вторго вопроса: overflow.

теперь первый:

нужно первому задать положительные маргины а второму отрицательные.