не известно почему вложенная картинка вылезает за слой

[z-0091]

не известно почему вложенная картинка вылезает за слой. Сайт axcay.net На главной странице картинка в контексте при указании ей флоат:лефт не толкает собой внешний слой.

<div class="block">
                         <img src="images/index/08.jpg" class="block_img" alt="вода Ахсу"/>
                         <h1>О воде «Ахсау»</h1>
                         <p>По заключению ФГУ «Пятигорского ГНИИК Росздрава» 
                            вода «Ахсау» относится к минеральным природным 
                            столовым водам сульфатно-гирокарбонатного 
                            натриевого-кальциевого состава и соответствует 
                            ТУ 9185-001-75940413-07. «Ахсау» - единственная в России 
                            минеральная природная вода, забираемая из источника на 
                            высоте 2063 м в Национальном парке «Алания».
                         </p>
						</div>

css

.block {
	width:100%;
	height:100%;
	padding: 10px 16px 10px 16px;;
	background-color:#1e3255;
	border: 1px #325493 solid;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.block_img {
	padding-right:16px;
	width:120px;
	float:left;
}
.block h1 {
	font-size:32px;
	color:#fff;
	margin-bottom:10px;
}

[psywalker]

Высота контейнера схлопнулась в 0 у тебя. Вот, лови:

.block {

overflow: hidden;

[sigma77]

На главной странице картинка в контексте при указании ей флоат:лефт не толкает собой внешний слой.

В смысле не толкает? Не увеличивает высоту блока? Почитайте про поведение плавающих блоков и про очистку потока.

По теме.

Как минимум:

1. Убрать height у #content

2. У .block убрать height, width и добавить, например, overflow: hidden.

По коду могут быть еще косяки, но дальше не смотрела.

[z-0091]

Большое спасибо. Тему можно закрыть

На главной странице картинка в контексте при указании ей флоат:лефт не толкает собой внешний слой.

В смысле не толкает? Не увеличивает высоту блока? Почитайте про поведение плавающих блоков и про очистку потока.

По теме.

Как минимум:

1. Убрать height у #content

у #content нету height

#content {
	padding: 0 202px 0 0;
	z-index:0;
}

[sigma77]

у #content нету height

#content {
	padding: 0 202px 0 0;
	z-index:0;
}

Есть. Инлайновый стиль - <div id="content" style="height: 412px;">