Tema: DIVs con misma altura...
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/10/2006, 12:41
MikiBroki
 
Fecha de Ingreso: abril-2002
Mensajes: 1.014
Antigüedad: 22 años, 7 meses
Puntos: 8
De acuerdo
Código: 
<HTML>

<HEAD>
<LINK TYPE="text/css" REL="styleSheet" HREF="./css/estilos.css" />
</HEAD>
		
<BODY>			

    <DIV ID="divGeneral">

        <DIV ID="divEncabezado" >
        </DIV>

        <DIV ID="divMenu" >
                <SPAN CLASS="menuSeccion">SECCIÓN 1</SPAN>		
                <UL CLASS="menu">
                    <LI CLASS="menuOpcion"><A HREF="#" CLASS="menuEnlace">Opción 1</A></LI>
                    <LI CLASS="menuOpcion"><A HREF="#" CLASS="menuEnlace">Opción 2</A></LI>
                    <LI CLASS="menuOpcion"><A HREF="#" CLASS="menuEnlace">Opción 3</A></LI>							
                    <LI CLASS="menuOpcion"><A HREF="#" CLASS="menuEnlace">Opción 4</A></LI>
                    <LI CLASS="menuOpcion"><A HREF="#" CLASS="menuEnlace">Opción 5</A></LI>
                </UL>			
		
         </DIV>

         <DIV ID="divCuerpo" >
             el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>el cuerpo<br>
         </DIV>
				
    </DIV>
				
</BODY>
	
</HTML>
Los estilos:

Código: 
body {
	margin:0px 0px 0px 0px;
}


#divGeneral {
	height:100%;
	width:778px;

	background-color:#0055AA;

	/*
	border-style:none;
	border-width:2px;
	*/
}


#divEncabezado {	
	height:120px ;
	width:778px;	
background-image:url("../imagenes/encabezado.png");
	/*background-color:#FF0000;*/
}


#divMenu {
	height:90%;
	position:absolute;
	top:100px;	
	width:170px;
	background-color:#00FF00;	
}


#divCuerpo {
	height:90%;
	position:absolute;
	top:100px;
	left:170px;
	width:608px;
	background-color:#0000FF;
	overflow:inherit;
}


.menu {
	list-style:none;
	border-style:solid;
	padding:2px;
	border-width:0px;
}


.menuSeccion {
	color:red;
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	align:center;
	margin-left:10px;
}

.menuOpcion {
	color:red;
	height:20px;
		
	border-style:solid;
	border-width:1px;
	
	padding:0px;	
	margin:2px;

	background-color:yellow;
}


.menuEnlace {
	color:black;

	text-decoration:none;
	
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
}