Div's Com Float Left...

Boa noite galera,

Abaixo um exemplo do que preciso fazer:

<style>

#tudo { width:100%; display:table }

.col1 { width:200px; float:left }

.col2 { width:30px; float:left }

.col3 { width:auto; float:left }

</style>

...

<body>

<div id="tudo">

<div class="col1">Coluna 1</div>

<div class="col2">Coluna 2</div>

<div class="col3">Coluna 3</div>

</div>

...

A coluna 1 e 2 tem que ter tamanho fixo, e a coluna 3 teria que ter um tamanho automático, mas até agora não consegui fazer um elemento com float ficar com um width automático.

Se eu tiro o float left da coluna 3 ela fica com um tamanho automático mas seu conteúdo todo vai para debaixo da coluna 1 e 2, isso óbviamente deve acontecer.

O IE é tão ruim que acontece o que eu preciso, mas outros navegadores decentes com FF e Opera não funciona.

Tem algum jeito de eu deixar a ultima coluna flutuando para esquerda e definir um width automático?

#1 newDev

#2 Andreia Regina

1 user(s) are reading this topic

Div's Com Float Left...

#1 newDev

#2 Andreia Regina

1 user(s) are reading this topic

Entrar