Foros del Web - Ver Mensaje Individual

kseso? · #5 (**permalink**) 16/07/2009, 16:25

Relativa para los hnº no. Absoluta, para que salgan del flujo y los puedas colocar donde quieras.
Mira a ver si te he entendido (aunque no comprenda para qué quieres hacerlo).
En el html van intercalados los hnº con los div's uno a uno, y en pantalla se ven los hnº arriba alineados y los div's después uno debajo del otro:

Código html:

Ver original<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;padding:0; outline:none; border:0; position: relative;}
.contenido, 
h1, h2, h3 {position:absolute; top:0; font-size:1em; color:#444; text-decoration:underline;}
h1 {left:25px;}
h2 {left:7em; top:-2px;}
h3{left:12.5em; top:-4px;}
.caja1, .caja2 { width:300px; padding:5px; text-align: justify;}
.caja1 {margin-top:25px}
.caja2 {margin-top:-25px}
</style>
</head>
<body>
<h1>Mi Web</h1>
<div class="caja1">
<p>Lorem ipsum dolor sit amet consectetuer ullamcorper gravida Aenean Phasellus lacus. Felis habitasse consequat semper eros quis congue pellentesque iaculis id sapien. Libero pede aliquam ligula nisl quis interdum dolor adipiscing Donec at. Dignissim nulla nibh magna tempus ut gravida fermentum Vestibulum libero in. Wisi vitae tellus amet lacinia eget senectus wisi a gravida dolor. Porta.</p>
</div>
<h2>Página 1</h2>
<div class="caja2">
<p>Lorem ipsum dolor sit amet consectetuer ullamcorper gravida Aenean Phasellus lacus. Felis habitasse consequat semper eros quis congue pellentesque iaculis id sapien.</p>
</div>
<h3>Página 2</h3>
<div class="caja2">
<p>Lorem ipsum dolor sit amet consectetuer ullamcorper gravida Aenean Phasellus lacus.</p>
</div>
</body>
</html>

Un saludo