Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/03/2014, 16:51
radge
 
Fecha de Ingreso: enero-2004
Ubicación: here I Am
Mensajes: 437
Antigüedad: 20 años, 11 meses
Puntos: 1
Layout de 2 columnas con css

Buenas , tengo un diseño a 2 columnas donde la parte de la derecha por el momento no la relleno así que estoy intentando hacer con CSS que la parte de la derecha sea del mismo tamaño con el de la izquierda pero no hay forma...el código que tengo es

Código HTML:
<div id="wrapper">
        <div id="header">		 
	   HEADER ...
	 </div>


        <div id="content">		
	CONTENIDO IZQUIERDA
	</div>      
	
        <div id="leftcolumn">
        MENU DERECHA
        </div>
	
</div> 
Y los css que uso són

Código HTML:
#wrapper { 
margin: 0 auto;
width: 80%;
border:5px;
font-size: 13px;
}

#header {
 margin-top : 10px;
 width: 100%;
 float: left;
 height: 120px;
 background:#5f68ea;
 border-bottom:1px solid black;	
}


#content { 
 float: left;
 color: #333;
 background:white;
 width:84%; /* old 74% */
 min-height: 450px;
 display: inline;
 padding-left: 5px;
 padding-top: 5px;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
}


#leftcolumn { 
 height:100%;
 width: 16%; 
 float: left;
border-left-style: groove;
border-left-width: 1px;
border-right-style: groove;
border-right-width: 2px;

}

Así es como se me ve





__________________
Nuevo foro sobr el mundo del motor - Renault foro
http://www.renaultforo.com