float:left

[valera]

при изменений окна браузера в Firefox, #right флоат заезжает на #out, кто как решает проблему? оба элемеента обязательно должны быть float:left

body{ margin: auto; }
.container{
   margin: auto;
   width: 400px;
}
#out{
   float: left;
   width: 100%;
   margin-right: -30%;
}
#right{
   float: left;
   width: 30%;
   background: silver;
}
#center{
   margin: 0 30% 0 0;
   background: blue;
}

<div class="container">
	<div id="out">
		<div id="center">center center center center center center center center</div>
	</div>
	<div id="right">right right right right</div>
</div>

[antonKar]

Извращения у вас какие-то. Что-то мешает поменять местами right и out и задать им ширины в 30% и 70% соответственно?

[valera]

Извращения у вас какие-то. Что-то мешает поменять местами right и out и задать им ширины в 30% и 70% соответственно?

ну это просто на вариант, если я захочу сделать сайдбар фиксированным

пс. на самом деле у меня контейнер имеет ширину min-wight 600 и max-wight 800.

Edited August 16, 2013 by valera