Hola, el link de la imagen no responde bien, pero cambiando ftp:// por http:// sí he logrado verlo.
No entiendo muy bien cuál es el objetivo, pero aquí te dejo un código para desplazar un texto fuera de su contenedor, en este caso usando dos div, uno externo para envolver y otro interno que se desplaza con el texto, no sé si te servirá
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Curso desarrollo aplicaciones móbiles</title>
<meta charset="utf-8">
<style type="text/css">
*{font-family:arial;}
body{width:800px; border-style:solid; border-color:#DCDCDC; border-width:15px; background-color:#FFAF0; margin:250px 0 0 500px;}
div{margin:15px;}
#cabecera{border-color:red; background-color:#696969; margin:0 15px 15px 15px;}
h1{color:#FF0000; position:relative; left:15px; top:10px;}
h4{color:#F8F8FF; position:relative; left:15px; bottom:15px;}
#columna{width:200px; background-color:#808080; float:right; margin:0 15px 15px 15px;}
#texto{width:550px; margin:15px; padding:3px; background-color:#DCDCDC;}
.bloque{border-style:dotted; border-color:#F8F8FF; border-width:5px; margin:15px; padding:0;}
#pie{border-color:blue; background-color:#696969; color:#F8F8FF; padding:3px;}
#parrafo{position:relative; left:15px;}
.hazDeFondo {position: relative; width: 100%; height:50px; background-color:blue; margin-left:-40px; }
</style>
</head>
<body>
<div id="cabecera">
<h1>CABECERA</h2>
<h4>Subtítulo de la cabecera</h3>
</div>
<div id="columna">
<p id="parrafo">Esta es la columna de la derecha</p>
</div>
<div id="texto">
<div class="bloque">
<div class="hazDeFondo">Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.</div>
</div>
<div class="bloque">Esto es Bloque 2</div>
</div>
<div id="pie">
<p id="parrafo">Esto es el pie de página</p>
</div>
</body>
</html>
Tema: mover texto fuera de un bloque por ambos lados en css (Leído 9896 veces)
RSS -
WAP2