O sea, la principal diferencia esta en el div del icono del mail. Cuando lo paso por php, no tiene la misma altura que cuando lo paso por html, que automaticamente agarra el alto de las otras columnas y centra la imagen en altura.
El codigo que tengo es:
Código PHP:
<link href="file:///C|/wamp2/www/pagina2/mensajes.css" rel="stylesheet" type="text/css" />
<?
include "conn.php";
$id = $_GET['id'];
if(!isset($id))
{
echo 'no se ha seleccionado ninguna id';
}
if(!isset($leidos))
{
$leidos = 0;
}
$resultComen = mysql_query("SELECT * FROM mensajes WHERE para='$id' ORDER BY id DESC");
echo '<div id="cont_mensajes">
<div class="encabezado" id="mail">x</div>
<div class="encabezado" id="de"> De:</div>
<div class="encabezado" id="Asunto">Asunto:</div>
<div class="encabezado" id="fecha">Fecha:</div>';
while($rowComen = mysql_fetch_array($resultComen))
{
$usuario = $rowComen["de"];
$result_user_info = mysql_query("SELECT * FROM usuarios WHERE id= $usuario");
$user_info = mysql_fetch_array($result_user_info);
echo '
<div class="contenido" id="mail">';
if ($rowComen["leido"] == '1')
{
echo '<img src="http://localhost/pagina2/img/iconos/email-blue.gif" alt="Mensaje no Leído" width="14" height="14"/>';
}
else
{
echo '<img src="http://localhost/pagina2/img/iconos/email-open-blue.gif" alt="Mensaje leído" width="14" height="14"/>';
}
echo '</div>
<div class="contenido" id="de"><a href = http://localhost/pagina2/ver_mensaje.php?id='.$rowComen["id"].' title = "Ver mensaje">'.$user_info["nick"].'</a></div>
<div class="contenido" id="Asunto">'.$rowComen["asunto"].'</div>
<div class="contenido" id="fecha">'.$rowComen["fecha"].'</div>';
if ($rowComen["leido"] == '1')
{
$leidos = $leidos+1;
}
}
echo '</div>';
echo '<br \><a href = http://localhost/pagina2/perfil.php?id='.$id.' title = "Volver al Perfil">Volver al Perfil</a><br \>';
echo $leidos;
mysql_free_result($resultComen);
?>
<div id="cont_mensajes">
<div class="encabezado" id="mail">x</div>
<div class="encabezado" id="de"> De:</div>
<div class="encabezado" id="Asunto">Asunto:</div>
<div class="encabezado" id="fecha">Fecha:</div>
<div class="contenido" id="mail"><img src="http://localhost/pagina2/img/iconos/email-blue.gif" alt="Mensaje no Leído" width="14" height="14"/> </div>
<div class="contenido" id="de">nick</div>
<div class="contenido" id="Asunto">mensaje1</div>
<div class="contenido" id="fecha">11/4</div>
</div>