Foros del Web » Creando para Internet » CSS »

problema con un div

 Estas en el tema de problema con un div en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/02/2012, 14:47
 
Fecha de Ingreso: noviembre-2011
Mensajes: 516
Antigüedad: 12 años, 5 meses
Puntos: 10
problema con un div
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.
  #2 (permalink)  
Antiguo 01/02/2012, 15:00
Avatar de skiper0125  
Fecha de Ingreso: octubre-2010
Ubicación: $this->Mexico('Toluca');
Mensajes: 1.127
Antigüedad: 13 años, 6 meses
Puntos: 511
Respuesta: problema con un div
Hola que tal.

Puedes mostrar tu código para ayudarte mejor.

Saludos
__________________
Recuerda que estamos aquí para orientarte, y no para hacer tu trabajo.
Si mi aporte fue de ayuda, recuerda que agradecer no cuesta nada +1
Skiper0125
  #3 (permalink)  
Antiguo 01/02/2012, 15:18
 
Fecha de Ingreso: noviembre-2011
Mensajes: 516
Antigüedad: 12 años, 5 meses
Puntos: 10
Respuesta: problema con un div
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]
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 19:22.