Tema: tablas convertidas a bloques
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 26/05/2002, 11:47
Avatar de mrgubu
mrgubu
 
Fecha de Ingreso: febrero-2002
Ubicación: Granada
Mensajes: 431
Antigüedad: 22 años, 2 meses
Puntos: 2
Re: tablas convertidas a bloques
Lo dicho:

Código: 
 
<HTML>
<HEAD>
<TITLE> Bloques con CSS </TITLE>
<style type="text/css">
body {color:#000000; background-color:#000000; margin-top:5px;  margin-left:5px} 

#cabecera {
           background-color:#cccccc;
           height:60px;
           width:710px;
		   }

#anchocuerpoprincipal { margin-top:5px;
                       width:710px;
					   margin-bottom:5px; }

#cuerpoprincipal {
           position:relative;
           background-color:#000000;
           height:100px;
           }

#menuizq {
            position: absolute;
            background-color:#FF3366;
            width:152px;
			height:60px;
		  }

#celdaprincipal {
            position:absolute;
            background-color:#66CC66;
            height:100px;
			left:157px;
			width:408px;
            
			}

#menudch {
            position: absolute;
            background-color:#0033CC;
            height:40px;
           right:0px;
          width:140px;
		   }

#piedepagina {
               width:710px;
               height:60 px;
               background-color:#FFCC00;
               }

</style>
</HEAD>

<BODY>

<div id="cabecera">
Cabecera
</div>

<div id="anchocuerpoprincipal">
<div id="cuerpoprincipal">

<div id="menuizq">
Menu izquierdo
<!--menuizq-->
</div>


<div id="celdaprincipal"> 
Celda principal
<!--celda principal-->
</div>

<div id="menudch">
Menu derecha
<!--menudch-->
</div>

</div>
</div>

<div id="piedepagina">
Piedepágina
</div>

</BODY>
</HTML>