Preciso criar um estilo DIV de contêiner que contenha vários outros DIV. É solicitado que esses DIVs não sejam quebrados se a janela do navegador for redimensionada para ser estreita.
Eu tentei fazê-lo funcionar como abaixo.
<style>
.container
{
min-width: 3000px;
overflow: hidden;
}
.slide
{
float: left;
}
</style>
<div class="container">
<div class="slide">something</div>
<div class="slide">something</div>
<div class="slide">something</div>
<div class="slide">something</div>
</div>
Isso funciona na maioria dos casos. No entanto, em alguns casos especiais, a renderização está incorreta. Encontrei o DIV do contêiner alterado para a largura de 3000 px no RTL do IE7; e acaba ficando bagunçado.
Existe alguma outra maneira de fazer um DIV de contêiner não envolver?