Problema com float no IE

[adventure 0]

Olá Pessoal

 

Estou fazendo um site aqui e estou com um problema no IE, o código funciona no Opera e no Firefox.

 

É uma página de notícias, haverá uma foto principal no canto superior esquerdo, no canto superior direito o título e a data de publicação da notícia.

 

No canto direito haverá uma galeria de fotos com aproximadamente 4 fotos (na vertical), a borda superior dessa galeria deve estar alinhada com a borda inferior da foto principal.

 

O problema é que o texto deve começar abaixo da data de publicação (na direita) e ser "quebrado" pela galeria de fotos e continuar no canto esquerdo da página, abaixo da foto principal.

 

Consegui esse feito colocando um float left na foto principal, um float left no título e na data de publicação e um float right com clear left na galeria de fotos. O corpo da notícia não tem nenhuma configuração específica, apenas um padding.

 

No IE o texto da notícia não fica no canto direito, ele já começa abaixo da foto principal, no canto esquerdo.

 

Abaixo o código html:

 

<div id="foto_principal"><img src="/imagens/temp.jpg" alt="Foto" width="200" height="150" /></div><div id="descricao">   <h3>Título da notícia</h3>   <p class="bold">??/??/????</p></div><div id="fotos">   <img src="/imagens/temp.jpg" alt="Foto 1" width="100" height="70" />   <img src="/imagens/temp.jpg" alt="Foto 2" width="100" height="70" /></div><div id="corpo_noticia">   Texto da notícia</div>

Valeu!!!!

[Hunter_ 0]

Cara, tem como você simplificar e muito essa tua estrutura ai, se você puder e quiser claro colocar um link facilita a visualização do teu problema, ate mesmo uma imagem(sic) pode ser de bom tamanho para encaminhar melhor teu problema. Mas uma dica, da pra simplificar essa estrutura utilizando listas.

[adventure 0]

Não tem problema não, abaixo as imagens:

 

Link: Objetivo (funciona no Opera e no Firefox)

 

Link: No IE

 

Usando listas??? Como???

 

Valeu!!!

[adventure 0]

Alguém tem alguma idéia???

[Giovani 104]

Supondo que temos uma div chamada #noticia, onde vai a foto principal, título, notícia, em resumo, tudo.

Um sugestão seria criar uma um menu dentro da #noticia e alinha-lo a direita da página.

 

[]´s

[adventure 0]

O problema é que a borda superior da foto secundária (canto direito) deve ficar alinhada com a borda inferior da foto principal (canto esquerdo) e se eu coloco um margin-top, padding-top ou top na coluna direita (de fotos), o texto não preenche a parte acima da coluna direita (onde tem as fotos).Existe alguma possibilidade de dar uma margem superior a uma div mas que a div central utilize este espaço (superior) para colocar texto???Oooo probleminha chato....