Problema con contenedor e imagen, odio el IE es una miercoles...

[alexd3]

A ver no se x donde empezar y yo ke pense ke ya habia resuelto todo con el IE y el CSS y vengo con esta sorpresa a ver lo ke sucede es ke tengo mi pagina con su tipico banner, menu, su contenido y otra columna, super todos los ostaculo hata ke puse en el contenido una imagen, y el texto , kise ke el texto este al aldo de la imagn y para eso use el float para ahcerlo hasta ahi guay y luego ke le div contenedor de ellos se agrandara dependiendo de la imagen y el texto en firefox lo consegui pero en IE noo, necesit de vuestra ayuda aki os dejo el codigo y a versi se puede o no :S
Muchas gracias de antemano..

Parte del HTML

Código HTML:

<div id="mini2">
	<div id="newcentral">
		<div id="foto"><img src="img/news/main.jpg" alt="Noticia" /></div>
		El periodista César Hildebrandt aclaró que nunca renunció a su programa que se emitía por Frecuencia Latina y que, por el contrario, fue el medio de comunicación que unilateralmente resolvió su contrato.  
		Explicó que Alberto Cabello, gerente general del Canal 2, le comunicó el pasado jueves que el programa “Hoy con Hildebrandt” estaba cancelado.  
		“Quisiera aclarar que nunca renuncié, a mí me cerraron el programa”, señaló durante una entrevista con el programa de espectáculos “Magaly TV”.
		Al consultar las razones que motivaron la decisión, precisó que Cabello se limitó a decir que Frecuencia Latina era “incompatible” con su programa.
		“No entiendo por qué deciden cerrar un espacio que era el más rentable de todo el canal”, agregó Hildebrandt
	</div>
</div> 

Parte del CSS

Código HTML:

		#foto {
			position:relative;
			float:left;
			display:inline;
		}

		#mini_vivienda, #mini_trabajo, #newcentral  {
			margin: 0;
			margin-right: 2px;
			padding: 3px;
			background-color:#FFFFFF;
			border-bottom-color: #000066;
			border: 1px solid #cccccc;
			font-size:9px;
			text-align:left;
			-moz-border-radius: 5px; 
		    -moz-box-sizing: border-box;
		}
		
		#newcentral {
			overflow:auto;		
		}

De todas formas la pagina web es esta: es-latino.com/nuevodesign.php

Gracias nuevamente...... por ayudarme

[AlvaroG]

sugerencia: no es necesario usar tantos div's. podés darle los estilos a la imagen directamente.

Por el problema con IE, pos no tengo experiencia solucionando sus caprichos de interpretación.


Saludos.

[kazafun]

Puedes solucionarlo asi:

Código:

<div id="mini2">
	<div id="newcentral">
		<div id="foto"><img src="img/news/main.jpg" alt="Noticia" /></div>
		El periodista César Hildebrandt aclaró que nunca renunció a su programa que se emitía por Frecuencia Latina y que, por el contrario, fue el medio de comunicación que unilateralmente resolvió su contrato.  
		Explicó que Alberto Cabello, gerente general del Canal 2, le comunicó el pasado jueves que el programa “Hoy con Hildebrandt” estaba cancelado.  
		“Quisiera aclarar que nunca renuncié, a mí me cerraron el programa”, señaló durante una entrevista con el programa de espectáculos “Magaly TV”.
		Al consultar las razones que motivaron la decisión, precisó que Cabello se limitó a decir que Frecuencia Latina era “incompatible” con su programa.
		“No entiendo por qué deciden cerrar un espacio que era el más rentable de todo el canal”, agregó Hildebrandt
 
<div class="limpia"></div>

	</div>
</div>

Justo bajo el texto metes una capa que no permite float sobre ella y a la vez esta contenida en el mismo bloque que la foto y el propio texto.

Luego en el .css la escribes asi:

Código:

.limpia{
	clear: both;
}

Atento con la ortografia que casi no podia entender tu problema.

[alexd3]

Uh ke raro verdad lo ke esta pasando, este IE cabron ke hace putad....., si use lo de aplicar directamente el estilo a la imagen, solo ke estaba probando varios metodos y no resulto, a ver ke hago ahora, estoy tentado a usar tablas, yo no keria pero si no se puede con css, tendre ke hacerlo, ke dios me perdone jejeje