problema con un div

edie8 · #1 (**permalink**) 01/02/2012, 14:47

Buenas tengo un problema con un div que es un chat resulta que si no tengo codigo php me sale como debe salir es decir asi:

en el momento de que yo meta datos que sean visualizados en esta web sale asi:

Nose como resolver este error, añado que otras paginas como el index.php esta con el mismo css y sale bien que puedo hacer para que pase esto e probado todo pero nose como hacerlo. gracias un saludo.

skiper0125 · #2 (**permalink**) 01/02/2012, 15:00

Hola que tal.

Puedes mostrar tu código para ayudarte mejor.

Saludos

edie8 · #3 (**permalink**) 01/02/2012, 15:18

si te muestro el header.php, el perfil.php y el css si necesitas mas dimelo
header.php

Código PHP:

  <? session_start();

$nombre =$_SESSION['logueado_nombre']; 

$id_usuario=$_SESSION['logueado_id'];  

 
 
include("db.php"); ?> 

<?php

//esto es el count

include("privados/config.php");

 
$query = "SELECT COUNT(*) FROM privados where leido='0' and para='$id_usuario'";  

$result = mysql_query($query); 

$count = mysql_fetch_array($result); 

 
//echo "$count[0]";

 
?>

<html> 

 
<head> 

 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 

    <link href="estilos/estilos.css" type="text/css" rel="stylesheet" />

    <link href="Css/estilo.css" rel="stylesheet" type="text/css" /> <!-- Link a nuestra hoja de estilo css la cual editaremos en un momento--> 

 
    <script type="text/javascript" src="Js/jquery.js"></script> <!-- Usaremos la libreria JQuery para agilizar la programacion con Javascript --> 

 
    <script type="text/javascript" src="Js/funRed.js"></script>  <!-- Nuestro archivo de funciones ! --> 

    <script type="text/javascript" src="Js/funciones.js"></script>

 
    <title>Mi Red Social</title> 

 
    <style type="text/css">

<!--

.Estilo1 {color: #000000}

a:link {

    color: #0066FF;

}

a:visited {

    color: #0066CC;

}

-->

    </style>

</head> 

 
 
 
<body> 

 
 
 
<div id="nuevo">

<div class="contenedor_web"> 

 
 <div class="arriba"><div id="mensaje_cabe">Tu Red Social &nbsp; 

<?php

$valor=$count[0];

if(!empty($_SESSION['logueado_nombre']))

 

{

 
?>

           <center><a href="index.php">Inicio</a> | <a href="privados/index.php">Mensajes<span class="numero"> <?php if($valor>0){echo "$count[0]";}else{}?></span></a> | <a href="gente.php">Gente</a> | <a href="fotos.php">Fotos</a>| <a href="perfil.php?id=<?php echo "$id_usuario"; ?>">Perfil</a></center><div id="opcionesDeCuenta"><span onClick="mostrarMenu(this)"><img src="Img/flecha.jpg" width="39" height="33"></span>

<ul>

<ul id="aDeslizar" style="display:none">

<li><a href="#">Cuenta</a></li>

<li><a href="#">Privacidad</a></li>

<li><a href="logout.php">Salir</a></li>

</ul>

</ul>

</div>

</div>

</div>

 
 
<script language="javaScript">

function mostrarMenu(objeto){

var Deslizar = document.getElementById('aDeslizar');

Deslizar.style.display='block';

Deslizar.style.visibility='visible';

objeto.onclick = function(){esconderMenu(objeto)};

}

 

function esconderMenu(objeto){

var Esconder = document.getElementById('aDeslizar');

Esconder.style.display='none';

Esconder.style.visibility='hidden';

   objeto.onclick = function(){mostrarMenu(objeto)};

}

</script> 

 
 
<script type="text/javascript" src="js/jquery-1.6.2.js"></script>

<script type="text/javascript" src="js/funciones_jquery.js"></script>

<?php }

 
 
else

 
{

 

 
}

 
 
 ?>

 </div>

perfil.php

Código PHP:

  <?php

 include("header.php"); 

 
if (!isset($_SESSION['logueado_usuario'])) { 

    include ("../login.php");  

echo "<a href='../registro.php'>Registrarse</a>" ;} 

    else {  

    $nombre =$_SESSION['logueado_nombre']; 

    $id_usuario=$_SESSION['logueado_id']; 

?> <? } ?>

<link href="Css/estilo.css" rel="stylesheet" type="text/css">

<?php

$id_perfil=$_GET['id'];

include("privados/config.php");

$registro=mysql_query("select * from usuarios where id='$id_perfil'",$conexion)or

  die("Problemas en el select:".mysql_error());

  while($con=mysql_fetch_array($registro))

  {

       /*echo '<div id="izquierda">'.$nombre.'</div>';*/ 

  }

?>

estilo css
[css]
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 2px;
background-image:url(../Img/fondo.gif);
background:scroll;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}
.otro{
border: 1px solid white;
margin-bottom: 15px;
}
#cargando{
width: 40px;
margin: auto;
}
.imagen{
float: left;
}
legend{
color: #5B913C;
}
/* Contenedor que tiene la caja de texto para enviar noticia */
.contenedor_muro{
background-color: #EEEFF0;
padding: 5px;
width: 500px;
margin: auto;
border-top:2px double #91969B ;
}
.enviar_noticia, .enviar_comentario{
background-color:#5B74A8;
color: white;
width: auto;
height: auto;
padding: 4px;
cursor: pointer;
border: 1px solid #142847;
font-weight: bold;
font-size: 9pt;
margin-top: 4px;
}
.textarea_noticia{
width:495px;
font-size:10pt;
font-weight: bold;
height:50px;
}
/* Contenedor cuando se publica una noticia */
.post_box {
margin: auto;
border-bottom:1px dashed #006699;
width:499px;
padding:.7em 0 .6em 0;
line-height:1.1em;
}
.noticia{
float: left;
width: 405px;
margin-left: 5px;
text-align: justify;
}
.eliminar_noticia{
float: right;
width: 40px;
margin: 0px 2px 0px 0px;
}
/* Div Donde estan el enlace comentar y Me gusta */
#pie{
clear: both;
margin-left: 42px;
margin-bottom: 25px;
}
.enlace_comentar{
float: left;
}
.cotenEstado{
float: left;
margin-left: 1px;
margin-top: 0;
}
.eliminar_noticia_actualizado, .comentario_borrar_actualizar{
float:right;
color:#666666;
display:block;
padding:5px;
text-decoration:none;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
color:#333333;
cursor:pointer;
font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
font-size:11px;
font-weight:bold;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
white-space:nowrap;
}
.eliminar_noticia_actualizado:hover{
opacity:1;
filter:alpha(opacity = 100);
-ms-filter:'alpha(opacity = 100)';
border:solid #B1B1B1 1px;
background:#EEEEEE;
padding:5px;
color:#666666;
text-decoration: none;
}
/* comentarios */
.conetenedor_comentarios{
width:350px;
margin-left: 42px;
font-size: 9.5pt;
background-color: #E7EFEF;
border-bottom:1px double #91969B ;
padding: 3px;
margin-top: 2px;
}
.mostrar_comentario{
float: left;
width: 287px;
margin-left: 5px;
text-align: justify;
}
.comentario_borrar{
float: right;
}
.cotentComment{
margin-left: 5px;
}
.cotentComment a, .cotentNotice a{
color: #B81814;
text-decoration: none;
font-weight: bold;
font-size: 8pt;
}
#pieComment{
clear: both;
margin-left: 33px;
margin-bottom: 1px;
}
/*************************/
.comentario_cargado{
margin-left:25px;
padding:3px;
background-color:#d3e7f5;
width:300px;
height:30px;
font-size:15px;
border-bottom:solid 1px #FFFFFF;
}
/* Enlace para comentar*/
.comentar {
font-style:inherit;
font-family:Georgia;
font-size:11px;
color:#333333;
margin: 2px 6px 2px 0;
text-decoration: none;
font-weight: bold;
}
.comentar:hover {
color: #838989;
text-decoration: none;
}
/* Div donde esta el el form para enviar el comentarios */
#contenedor_textarea_comentario{
margin-top:6px;
margin-bottom:6px;
display:none;
}
.comentario_caja {
margin-left:35px;
margin-bottom: 25px;
padding:10px;
width:300px;
height:50px;
}
/* Div donde se motraran en donde esta mostrar .... comentarios */
.comment_ui{
width:350px;
margin-left: 43px;
font-size: 9.5pt;
background-color: #040404;
border-bottom:2px double #2A2A2A;
padding: 3px;
}
.comment_ui a{
color: #5B74A8;
text-decoration: none;
font-size: 8pt;
}
.comment_ui a:hover{
text-decoration: underline;
}
/* Formulario de login */
#bar{
clear: both;
}

.contenedor_web {
width:960px;
height:auto;
margin:auto;
padding-bottom:10px;
}
.arriba{
width:960px;
height:47px;
color:#FFF;
margin-top:10px;
}
#izquierda{
width:200px;
height:auto;
float:left;
}
.contenedor_muro {
background-color: #EEEFF0;
padding: 5px;
width: 500px;
height:auto;
margin: auto;
border-top:2px double #91969B ;
margin-top:10px;
}
.nombre {
margin-top:10px;
}
.img_usuario {
}
.logout {
}

/* esto es para linea de puntos*/
#consulta {
border: 0px;
border-top: 1px dotted #000;
}
.TCuerpo
{
margin-top:5%;
}
.privados
{
margin-top:5%;
text-align:center;
}
.amigos
{
margin-left:80%;
}
.privados
{
margin-right:90%;
}
/*esto es pa los privados*/

#lateral{
/*width: 160px;*/
background-color:#000000;
float:left;
}
}
#principal{
margin-left: 10px;
background-color: #ffffff;
padding: 4 4 4 4px;
}
#contenedor_priva{
text-align: left;
width: 770px;
margin: auto;
}
a {
color: #000;
}

a span.numero{
color: red;
}

/*este es el menu desplegable*/
#opcionesDeCuenta{
float:right;
margin-top:-30px;}

/*esto es para el file de subir imagenes*/
.SI-FILES-STYLIZED label.cabinet
{
width: 79px;
height: 22px;
background: url(btn-choose-file.gif) 0 0 no-repeat;

display: block;
overflow: hidden;
cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
position: relative;
height: 100%;
width: auto;
opacity: 0;
-moz-opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opa city=0);
}
#mensaje_cabe
{
position:absolute;
left: 0px;
top:-2px;
color:#FFFFFF;
width: 100%;
height: 40px;
border:solid;
background:#000000;
}
#boton{
background:#333399;
color:#FFFFFF;
border:#333399;
border-radius:5px;
}
.notificaciones{
border:solid;
height:20px;
margin-bottom:20px;
border-radius:5px 5px 0px 0px;}
.amigos_agregados{
border:solid;
height:20px;}
[/css]