Ver Mensaje Individual
  #6 (permalink)  
Antiguo 18/03/2014, 13:56
Avatar de JuJoGuAl
JuJoGuAl
 
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 15 años, 3 meses
Puntos: 19
Respuesta: Div central ancho fijo, divs laterales líquidos.

Siguiendo la ayuda de mdk Hice esto y me funciono perfectamente, luche con la posicion del fondo pero ya di con el blanco:

Código CSS:
Ver original
  1. /*Esta capa contiene los 2 bordes y el Form de Inicio*/
  2. .logueo {
  3.     top: 0px;
  4.     left: 0px;
  5.     margin: 0px;
  6.     padding: 0px;
  7.     width: 100%;
  8.     height: 100%;
  9.     overflow: hidden;
  10. }
  11. #body_left{
  12.     position: relative;
  13.     height: 100%;
  14.     float: left;
  15.     width: -moz-calc(50% - 225px);
  16.     width: calc(50% - 225px);
  17.     background-image: url(../images/body_left.png);
  18.     background-repeat: no-repeat;
  19.     background-position: right top;
  20.     background-size: 87px 100%;
  21. }
  22. #body_center{
  23.     position: relative;
  24.     margin: 0px 50px;
  25.     float: left;
  26.     width: 350px;
  27.     height: 100%;
  28. }
  29. #body_right{
  30.     position: relative;
  31.     height: 100%;
  32.     float: left;
  33.     width: -moz-calc(50% - 225px);
  34.     width: calc(50% - 225px);
  35.     background-image: url(../images/body_right.png);
  36.     background-repeat: no-repeat;
  37.     background-position: left top;

Código HTML:
Ver original
  1. <div class="logueo">
  2.      <div class="logueo" id="img_ajax">
  3.                 <img src="images/ajax-loader.gif" border="0" alt="Cargando" title="Cargando" style="margin-top:95px;" />
  4.             </div>
  5.         <div class="body_left" id="body_left"></div>
  6.         <div class="body_center" id="body_center">
  7.             <div id="log_error">
  8.                 Usuario o Contrase&ntilde;a inv&aacute;lidos
  9.             </div>
  10.            
  11.             <div class="loginbox">
  12.                 <span>Iniciar sesi&oacute;n</span>
  13.                 <form name="login" id="login">
  14.                     <input name="username" id="username" class="status" value="Usuario" type="text"/>
  15.                     <input name="pass_txt" id="pass_txt" class="status" value="Contrase&ntilde;a" type="text"/>
  16.                     <input name="pass" id="pass" class="status" value="" type="password" style="display:none;" />
  17.                     <input value="Entrar" type="submit" class="btnlogin"/>
  18.                 </form>
  19.             </div>
  20.         </div>
  21.         <div class="body_right" id="body_right"></div>
  22.         <div style="clear: both;"></div>
  23.     </div>