Hola, tengo un perfil de usuario y cada vez que hago como un cuadradito tipo : Tienes una solicitud o el nombre mismo del usuario, creo un div para cada cosa que quiero poner en el perfil.
El problema es que al posicionar los divs se me mueven al respecto de otros divs, no se comportan como si fueran divs libres. Os dejo el script para que veais, a ver si sabeis por que ocurre esto...
Código PHP:
<body>
<div id="menu" class="menu" >
<input type="button" class="bmenu" onclick="location.href='miperfil.php'" value="Vipefy" />
<input type="button" class="bmenu" onclick="location.href='amigos.php'" value=" Mis amigos" />
<input type="button" class="bmenu" onclick="location.href='destruir.php'" value="Desconexión" />
<input type="button" class="bmenu" onclick="location.href='mensajes.php'" value="Mensajes" />
<input type="button" class="bnombre" value="<?php echo $nombresesion." ".$apellidossesion ?>" />
<input type="button" class="bmenuamis" onclick="location.href='newfriends.php'" value="Encontrar amistades" />
</div>
<?php
$conexion= mysql_connect("localhost","root","") or die("Error al conectar");
mysql_select_db("995851_newco",$conexion) or die ("Error al seleccionar la base de datos ");
$comprobacion2 = mysql_query("SELECT * FROM registrados WHERE correo='".$correouser."'",$conexion) or die ("Query Fallo".mysql_error());
$rowa = mysql_fetch_array($comprobacion2);
$nombre= $rowa ["nombre"];
$apellidos= $rowa ["apellidos"];
$curso= $rowa ["curso"];
$escuela= $rowa ["escuela"];
if($curso==NULL){
?>
<div id="menuvertical" class="menuvertical">
<a class="curso">No nos has dicho a</br> qué curso vas</a>
<form action="curso.php" method="post" name="formcurso" >
<input type="text" id="inpcurso" class="inpcurso" name="inpcurso" />
<input type="submit" id="sendaceptar" class="sendaceptar" value="Aceptar" />
</form>
</div>
<?php
}else{
?>
<div id="menuvertical" class="menuvertical" >
Alumno de <?php echo " ".$curso." " ?>.
Tu id es <?php echo " ".$idsesion." " ?>
<?php
}
if($estado==1){
?>
<input type="button" class="botonsoli" id="botonsoli" name="botonsoli" value="Tienes una solicitud de amistad de <?php echo " ".$name." ".$surname." "?>." onclick="location.href='perfil.php?id=<?php echo $emisor?>" />
<?php
}
Ese es el PHP (No lo he puesto todo porque no quiero que se os haga pesado leerlo, solo he puesto algunas partes que no se me ven bien)
Os dejo el css:
Código PHP:
.body {
background-color: #EBEBEB;
}
.logout {
background-color: black;
border-color: white;
border-width: 2px;
color: #FFC90E;
font-family: calibri;
font-size: 14px;
}
.menu {
background-color: #22B14C;
border: 2px solid #22B14C;
height: 30px;
left: 0;
position: fixed;
top: 0;
width: 1600px;
}
.bmenu {
background-color: #22B14C;
border: 2px solid #22B14C;
color: white;
font-family: arial;
font-size: 14px;
font-weight: bold;
height: 30px;
width: 120px;
}
.bnombre {
background-color: #22B14C;
border: 2px solid #22B14C;
color: white;
font-family: arial;
font-size: 14px;
font-weight: bold;
height: 30px;
position: fixed;
right: 15px;
top: 0;
width: 240px;
}
.envio {
background-color: white;
border: 4px solid #22B14C;
height: 345px;
margin-left: 54%;
margin-top: 10%;
width: 497px;
}
.campos {
margin-left: 23px;
margin-top: 11px;
}
.nombre {
background-color: #22B14C;
border: 2px solid #22B14C;
clear: both;
color: white;
font-family: arial;
font-size: 14px;
font-weight: bold;
height: 26px;
margin-left: 277px;
text-align: center;
width: 220px;
}
.benviar {
background-color: #EBEBEB;
border: 1px solid #22B14C;
color: #22B14C;
font-size: 14px;
height: 28px;
margin-left: 229px;
text-align: center;
width: 150px;
}
.enuncurso {
margin-top: 20%;
}
.menuvertical {
background-color: #22B14C;
height: 680px;
margin-left: -8px;
margin-top: 2%;
width: 147px;
}
.inpcurso {
background-color: #EBEBEB;
border: 2px solid black;
color: black;
font-size: 14px;
font-weight: bold;
height: 32px;
margin-top: 95%;
text-align: center;
width: 142px;
}
.curso {
color: white;
font-size: 14px;
font-weight: bold;
margin-left: 1%;
margin-top: 6%;
position: fixed;
text-align: left;
}
.escuela {
color: white;
font-size: 14px;
font-weight: bold;
margin-left: 10%;
margin-top: 12%;
position: fixed;
text-align: left;
}
.bmenuamis {
background-color: #22B14C;
border: 2px solid #22B14C;
color: white;
font-family: arial;
font-size: 14px;
font-weight: bold;
height: 30px;
width: 160px;
}
.amigos {
background-color: white;
border: 1px solid #22B14C;
margin-left: 22%;
margin-top: 10%;
padding: 15px;
}
.nombreperf {
background-color: white;
border: 1px solid #22B14C;
}
.divnombre {
height: 40px;
margin-left: 40%;
margin-top: 2%;
text-align: center;
width: 200px;
}
.letrasol {
margin-left: 50%;
margin-top: 10%;
text-align: center;
}
.enviada {
background-color: white;
border: 3px solid red;
margin-left: 54%;
margin-top: -2%;
text-align: center;
width: 179px;
}
.divsoli {
height: 25px;
width: 426px;
margin-left:50%;
margin-top:10%;
}
.botonsoli {
background-color: white;
border: 1px solid red;
}
.divenviada {
margin-left: 41%;
margin-top: 2%;
}
.botonenv {
background-color: white;
border: 1px solid red;
width: 178px;
}
.divagregar {
height: 40px;
margin-left: 54%;
margin-top: -2%;
width: 178px;
}
.agregar {
background-color: white;
border: 1px solid red;
height: 34px;
width: 172px;
}
.botonamistad {
background-color: white;
border: 1px solid red;
}
.divamistad {
height: 23px;
margin-left: 54%;
margin-top: -2%;
width: 150px;
}
Aqui si os lo dejo para que lo probeis en el navegador si queréis, a ver si sabeis por que me da este error o si no lo estoy haciendo bien, gracias de verdad por todo.