Foros del Web - Ver Mensaje Individual

kseso? · #4 (**permalink**) 06/10/2009, 14:27

Prueba a ver si es algo como esto:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>Kseso? | Jugando con css</title>
 <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin: 0; border: 0; padding: 0;}
body {background: #f4f4f4;}
#centro {width: 48%; margin: 0 auto; position relative; background: #444; color: #f5f5f5;}
#izquierda, #derecha {position: absolute; width: 24%; padding: 0 1%;}
#izquierda {top: 0; left: 0;}
#derecha {top:0; right: 0;}
</style>
</head>
<body>
<div id="centro">
<p>Lorem ipsum dolor sit amet consectetuer Quisque a nisl nibh orci. Dictum lacinia ridiculus Fusce tellus lacus Quisque Aenean in iaculis Vestibulum. Ac mauris velit pellentesque Sed eleifend nulla Curabitur nunc orci lacus. Wisi molestie natoque ullamcorper neque aliquet lobortis urna facilisi pretium laoreet. Lacus Nulla euismod accumsan ligula ligula Proin.</p>
<p>Nec Sed magna elit Vestibulum leo velit Morbi dignissim Vestibulum dictum. Orci senectus nulla quis nec platea ut ac mollis Donec augue. Feugiat elit Quisque turpis velit condimentum Phasellus cursus pellentesque ipsum eros. Sapien urna feugiat tempor Aenean Ut semper sed Vestibulum Quisque orci. Id urna Nam montes dictumst a tincidunt.</p>
</div>
<div id="izquierda">
<p>Lorem ipsum dolor sit amet consectetuer justo et Curabitur elit tellus. Amet ut turpis eros enim eu lacinia lacinia mauris et pede. Semper porttitor dapibus Nullam porttitor suscipit urna Lorem quis nec elit. Curabitur elit Cras hac pede Praesent orci tellus laoreet eget Cras. In quis nulla condimentum vitae metus Vivamus at wisi id vitae. Risus convallis diam velit porttitor velit Pellentesque.</p>
</div>
<div id="derecha">
<p>Lorem ipsum dolor sit amet consectetuer justo et Curabitur elit tellus. Amet ut turpis eros enim eu lacinia lacinia mauris et pede. Semper porttitor dapibus Nullam porttitor suscipit urna Lorem quis nec elit. Curabitur elit Cras hac pede Praesent orci tellus laoreet eget Cras. In quis nulla condimentum vitae metus Vivamus at wisi id vitae. Risus convallis diam velit porttitor velit Pellentesque.</p>
</div>
</body>
</html>
Un saludo