Проблема масштабирования

[Lakrein]

Привет, есть код html:

<div id="content">
	<div id="content_1">
	<div class="text1">
	<div class="t1">Lorem ipsum dolor</div>
	<div class="date">13.10.2011</div>
	<div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div>
	</div>
	<div class="text2">
	<div class="t1">Lorem ipsum dolor</div>
	<div class="date">13.10.2011</div>
	<div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div>
	</div>
	<div class="text3">
	<div class="t1">Lorem ipsum dolor</div>
	<div class="date">13.10.2011</div>
	<div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div>
	</div>
	<div id="button">
		<a href="javascript:chgim('bt1');" id="bt1" class="active"></a>
		<a href="javascript:chgim('bt2');" id="bt2"></a>
		<a href="javascript:chgim('bt3');" id="bt3"</a>
		<a href="javascript:chgim('bt4');" id="bt4"></a>
		<a href="javascript:chgim('bt5');" id="bt5"></a>
		<div id="All_news"><a href="">All news →</a></div>
    </div>
	</div>
</div>

CSS:

#content_1{
	float: left;
	margin-left: 255px;
}
#content {
	    z-index: 1;
        background:url("tabsBg.png");
        width: 100%;
        height: 171px;
        position:absolute;
        margin-top:41px;
}
.text1, .text2, .text3{	
	font-family: Tahoma;
	height: 50px;
    width: 275px;
	text-align: left;
	float: left;
}

При масштабировании содержимое <div id="content_1"> скатывается вниз.

Edited October 19, 2011 by Lakrein

[Searcher]

Что-то накрутили сильно... Не совсем понятно, что вы хотите получить. Просто несколько колонок? Если нужен отступ слева, так используйте padding для content.

[Lakrein]

Что-то накрутили сильно... Не совсем понятно, что вы хотите получить. Просто несколько колонок? Если нужен отступ слева, так используйте padding для content.

В идеале должно получится так:это просто три колонки, но они почему-то скатываются при масштабировании.Вообще похоже что <div id="content_1"> находится в фиксированном месте.

[Lakrein]

хм... никто не может помочь?

[ceil100]

чтобы помочь, нужно вопрос правильно задать

и целиком код страницы со стилями выложить

где закрывающий тег для <div id="content_1">?

<a href="javascript:chgim('bt3');" id="bt3"</a> тег не закрыт

При масштабировании содержимое <div id="content_1"> скатывается вниз.

так и должно быть,ведь это плавающие блоки

при уменьшении области просмотра, они сползают вниз потому, что не входят в нее

задайте ширину в пикселях для #content_1 чтобы родительский блок не уменьшался при масштабировании, тогда при уменьшении окна браузера появится горизонтальная полоса прокрутки, а блок с плавающими элементами не уменьшится

ширина 100% отсчитывается от окна браузера и она относительная, а ваши плавающие блоки имеют фиксированную ширину

поэтому такая ботва и происходит

Edited October 18, 2011 by ceil100

[Lakrein]

Спс за ответ. Я потом так и понял. Задал ширину в пикселях и все решилось.

А что к незакрытым тегам, так они все закрыты, просто я криво скопировал.