Tema: Problema con div
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 27/02/2013, 12:41
Avatar de jandrogdz
jandrogdz
 
Fecha de Ingreso: julio-2012
Ubicación: public $Guadalajara
Mensajes: 397
Antigüedad: 12 años, 6 meses
Puntos: 12
Respuesta: Problema con div
Sigue sin funcionar cada que hago un float lo limpio con un div asi:
.floats{ clear:both;}
<div class="floats"></div>

Pero sigue sin funcionarme

asi lo tengo acomodado:

Código HTML: 
Ver original
  1. <body>
  2. <div class="gridContainer clearfix">
  3.  
  4.     <div id="sombra">
  5.         <div id="LayoutDiv1">
  6.             <div id="header">
  7.               <div id="logo"></div>
  8.               <div id="info">
  9.                 <div id="avatar"><img src="imagenes/avatar2.png" /></div>
  10.                 <p> Bienvenido: $_SESSION['nombre'] </p>
  11.                 <p> Cuenta:  $_SESSION['usuario'] </p>
  12.                 <span class="borde-der"><a href=""> alertas $_SESSION['cuenta']</a></span>
  13.                 <span>&nbsp;&nbsp; <a href="">cerrar sesión</a></span>
  14.               </div>
  15.             </div>
  16.             
  17.           <!-- <div id="menu"></div> -->
  18.             <div id="login">
  19.                 <div id="login-titulo">Iniciar sesión</div>
  20.                 <div id="cont-login">
  21.                     <p>Ingresa tu nombre de usuario y contraseña en el siguiente formulario.</p>
  22.                     <form action="validar.php" method="post">
  23.                         <label for="usuario">Usuario: </label>
  24.                         <input type="text" name="usuario" required="required" placeholder="usuario.ejemplo" /><br /><br />
  25.                         <label for="usuario">Password: </label>
  26.                         <input type="password" name="password" required="required" placeholder="contraseña"  /><br /><br />
  27.                         <input type="submit" name="session" value="Entrar" />
  28.                     </form>
  29.                 </div>
  30.             </div>
  31.             <div id="bloque-derecho">
  32.                 bloque-derecho
  33.             </div>
  34.         </div>
  35.       <div class="floats"></div>
  36.     </div>
  37.   <div class="floats"></div>
  38.   
  39.     <div id="footer">
  40.          <span>&copy; 2010-2013 Iconograma Consultores</span>
  41.          <span><a href="terminos.html">Términos y condiciones</a>
  42.          </span>
  43.     </div>
  44.   
  45. </div>
  46. </body>
__________________
Lo imposible solo cuesta un poco mas