He probado la sugerencia, cambiando algunas cosas, ahora se ve bien en IE7, se ve bien en DreamWeaver.
Pero si prueban mi ejemplo, con todo lo corregido, no cambia nada en Firefox
, donde ve todo descolocado
¿A que se deberá todo ello?
El código corregido es el siguiente (pruebenlo por fa y coméntenme, si?);
CSS:
Código PHP:
body{
font-family:Arial, Helvetica, sans-serif;
background: #E0D5B7 url(images/page_bg4.jpg) 0 0 repeat-x;
font-family:Arial, Helvetica, sans-serif;
background: #E0D5B7 url(images/page_bg4.jpg) 0 0 repeat-x;
}
#contenedor{width:95%; height:auto; margin:0 auto; display:table}
#col_izquierda{width:80%; height:auto;float:left;}
#col_derecha{width:15%; height:auto;float:right;}
.clear{clear:both}
}
#detalles{
float:left;
width:95%;
height:740px;
}
.detallesizquierda{
clear : both; /*Sin esto se descoloca en IE*/
color: #5d5d5d;
float:left;
width:80%;
}
.noticias{
width:97%;
height: auto;
}
.titulo{
background: #1bf;
font-size: 12px;
height: 40px;
}
#personales{
width:auto;
height: 140px;
}
.imagen{
background: #fff;
float:left;
width:92px;
height: 99px;
}
.textonoticia{
background: #fff234;
float:right;
width:auto;
color:#000000;
height:auto;
}
.detallesderecha{
background: #1ff234;
float:right;
width:170px;
}
Código PHP:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sitio - Prueba</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenedor">
<div id="col_izquierda">
<div class="noticias">
<div class="titulo">
<h1>Titulo</h1>
</div> <!--titulo end -->
<div id="personales">
<div class="imagen">
<img src="0.gif" alt="Pic 0" >
</div> <!--imagen end -->
<div class="textonoticia"> <!--noticia start -->
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div> <!--textonoticia end -->
</div> <!--personales end -->
</div> <!--noticias end -->
<div class="noticias">
<div class="titulo">
<h1>Titulo</h1>
</div> <!--titulo end -->
<div id="personales">
<div class="imagen">
<img src="0.gif" alt="Pic 0" >
</div> <!--imagen end -->
<div class="textonoticia"> <!--noticia start -->
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div> <!--textonoticia end -->
</div> <!--personales end -->
</div> <!--noticias end -->
</div> <!--col_izquierda end -->
<div id="col_derecha">
<IMG height=160 width=160 src="images/1.gif" alt="Pic 1" border=1/>
<IMG height=160 width=160 src="images/1.gif" alt="Pic 2" border=1/>
<IMG height=160 width=160 src="images/1.gif" alt="Pic 3" border=1/>
<div class="clear">
</div>
</div> <!--contenedor -->
</body>
</html>
Una ayudita para que se vea bien en los 3 (IE7, Firefox y dreamweaver) por fa?, esto mismo solo me faltaría en Firefox