¿Cómo hacer esto?

Lord Sith · #1 (**permalink**) 09/06/2005, 11:04

Saludos,

Estoy intentando hacer con css esto:
http://www.wpdfd.com/index0804.htm

Según parece son dos columnas que estan separadas por una línea vertical, me interesa mucho tener esa línea que las divide ¿alguien podría decirme cómo hacerlo?

Mil gracias!

kahlito · #2 (**permalink**) 10/06/2005, 02:29

Hola Lord Sith.

Puedes hacerlo con dos columnas (dos capas) y luego en una de ellas pones el borde y listo. Por ejemplo puedes ponerlo en la capa de la izquierda con borde en la derecha y en la capa derecha ninguno o al revés.

Ejemplo:

Código HTML:

<style type="text/css">
#izquierda {
	position:absolute;
	left:0px;
	width:350px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0033FF;
}
#derecha {position:absolute;
left:351px;
width:350px;
}
</style>
<body>
<div id="izquierda">Contenido izquierda</div>
<div id="derecha">Contenido derecha</div>
</body>

Saludosss

Lord Sith · #3 (**permalink**) 10/06/2005, 09:13

Gracias kahlito!

Así lo haré

kahlito · #4 (**permalink**) 11/06/2005, 03:22

De nada Lord Sith, suerte