Maquetando a 4 columnas

hola amigos, estoy preparando una web con tablas, pero como se ve muy diferente en ie que en firefox, decidi hacerlo con css. lei manuales, etc... pro no logro hacer lo siguiente, les pongo una imagen explicando lo que quiero hacer



creo que se entiende...

Basicamente
noticias cargadas mediante php, manteniendo un estilo Css
las noticias abarcan 2 columnas
la primera va la noticia, en la segunda una foto y una "descripcion"
en la tercer columna es una imagen de fondo
y la cuarta columna tmb...

ahora, lo esty hacinedo y lo que me pasa es que la 3ª y 4ª columna no tienen la altura pareja con las otras columnas , ya que estas me dependen del contenido que hay dentro , bue esa es mi duda, espero haberme explicado

un saludos!

ok, no sabes en la que te has metido...

checa éste enlace, la idea está bien expuesta, sin embargo no es fácil de comprender.
http://www.ejeliot.com/blog/61

suerte

muchas gracias opr tu pronta respuesta, lo solucione poniendole una imagen de fondo al contenedor, la es las 2 imagenes en una.. y utilizando .clear{ clear:both; } porque son flotantes.

ahora lo que me pasa es que en firefox se ve josha, en IE, me pone una separacion entre <div> y <div>

bueno supongo que esto debe ser mas facil voy a buscar

Hola

Al div q tiene clear:both (q supongo es un div sin nada) dale por estilo el tamaño de fuente como 1 y listo

Saludos!

mm no, mira el problema ahora enrealidad lo tengo no en la imagen que postee arriba, sino en los header

Código :

<div class="headers" >
   <img src="/tequemo/barra1.jpg" width="700" height="85" />
</div>
<div class="headers">
   <img src="/tequemo/barra2.jpg" width="700" height="85" />
</div>

Código :

.headers {
   text-align:center;
   margin : 0px auto ;
   width:700px;
   padding:0 px;
   border: 0px;
}

eso en FF ( Firefox) se ve josha, en IE me separa las 2 imagenes
cada vez odio mas a IE

listo

le agrege al header height:auto;
y josha !!
era una tarades

grax por su ayuda !!

estas equibocado en el camino, pero llegaste al lugar correcto para enmendar tu rumbo

resumen: tablas apestar ¡¡¡¡


solución: http://www.cssplay.co.uk/layouts/body5.html

pobres tablas, antes las usaba mucho pero se dañan T-T menos mal que resolviste tratare de usar eso tamb cuando me moleste el IE (IE sucks! x3)