Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/02/2012, 15:11
i34a23
 
Fecha de Ingreso: agosto-2007
Ubicación: Santiago de Chile
Mensajes: 67
Antigüedad: 17 años, 4 meses
Puntos: 1
Respuesta: Ocupar el 100% del espacio DISPONIBLE ??

El código es simple... es un div seguido de otro

Código:
<html>
<head>
<link  type="text/css" rel="stylesheet" href="css/portada.css"></link>
<link  type="text/css" rel="stylesheet" href="css/nuevo_usuario.css"></link>
</head>
<body align="center">
<div id="master" width="100%" align="center">
<div id="ppal_cont">


<div id="Logo" > <p> LOGO </p> </div>
<div id="cabecera" > <p>  CABECERA </p> </div>
<div id="fin_cabecera" ></div>

<div id="base_logo" ></div>
<div id="fin_base_logo" ></div>

<div id="esquina" ></div>
<div id="base_cabecera" ></div>
<div id="fin_esquina" ></div>


<div id="menu" > <p> MENU<br>MENU<br>MENU<br>MENU<br>MENU<br>MENU<br>MENU<br>MENU<br>MENU<br>  </p> </div>
<div id="borde_menu" ></div>
<div id="contenido" align="left" >


<object type="text/html" data="../nuevo_usuario.php" width="100%" height="100%"></object>

</div>
<div id="fin_borde_menu" ></div>




</div>
</div>
</body>
</html>
y luego el css

Código:
* {
border: 0px;
padding: 0px;
margin: 0px;
}

body{
background-color:#dedede;
width:100%;
}

#master{
}

#ppal_cont{
background-color:#dedede;
width:1200px;
}

#Logo{
float:left;
background-color:#dedede;
width:160px;
height:100px;
}

#base_logo
{
float:left;
background-color:#dedede;
width:160px;
height:17px;
}

#esquina
{
float:left;
background-image: url('../img/edge.png');
width:16px;
height:17;
}

#fin_esquina
{
float:left;
background-image: url('../img/final_edge.png');
width:16px;
height:17;
}


#cabecera{
float:left;
background-color:#dedede;
width:1000px;
height:100px;
}

#fin_cabecera{
float:left;
background-color:#dedede;
width:16px;
height:100px;
}

#base_cabecera
{
float:left;
background-image: url('../img/base_header.png');
width:984px;
height:17;
}

#menu{
float:left;
background-color:#dedede;
width:160px;
height:100px;
}

#borde_menu
{
float:left;
background-image: url('../img/borde_menu.png');
width:16px;
height:100%;
}

#fin_borde_menu
{
float:left;
background-image: url('../img/final_borde_menu.png');
width:16px;
height:100%;
}

#contenido{
float:left;
width:984px;
height:100%;
background-color:#f2f2f2;
}