Foros del Web - Ver Mensaje Individual

kseso? · #4 (**permalink**) 01/06/2009, 04:57

es conveniente dar cuanta más información mejor
mira a ver si esto te da una idea de como hacer. Sólo es cuestión de que cambies algún valor para adaptarlo a tus necesidades:

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>scroll</title>
<style type="text/css">
* {margin:0; padding: 0; position: relative;}
html, body {
background-color: #cdcdcd;
}
#contiene-minis {
width: 520px;
height: 80px;
float: left;
overflow-x: auto;
background-color:#fff;
}
.minis {
width: auto;
height: 60px;
color:#000;
white-space: pre;
}
</style>
</head>
<body>
<div id="contiene-minis">
<div class="minis">
Inicio del texto con espacios para que veas el funcionamiento de la propiedad "white-space: pre"     aquí   hay      varios        espacios  seguidos  y ahora viene una palabra imposible por lo larga que es blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla final del texto.
</div>
</div>
</body>
</html>

EDITO: para incluir los nuevos datos