Cambiar contenidos dentros de una capa div

[dark_lock]

¿Se puede de alguna manera cambiar el contenido de un div por css?

Me explico...tengo una capa de tamaño definido y ahí meto algo que recojo de la base de datos. Si la cadena de texto esta mas grande que la capa pasa algo como así

[Contenido cargado de l]a base de datos

Dejandome parte del contenido fuera de la capa... y mi pregunta es si se puede hacer algo como esto

[Contenido cargado d...]

Por javascript se podría pero tengo una fuente donde los caracteres no miden lo mismo entonces podrían caber 5 "i" pero no 5 "D" por ejemplo
[iiiii ]
[DDDD]D

Un saludo y gracias

[anfergon]

Hola:

Si se puede, pero depende de como sea la capa, de las propiedades que tenga y de sus capas adyacentes. Si pudieras poner parte del código html y el css, podría ayudarte.

Saludos

[dark_lock]

Bien... pues estoy haciendo una tabla con capas

Código HTML:

<div class="table"> <!-- CONTENEDOR -->
      <div class="tableRow"> <!-- FILA -->
            <div class="tableCell" style="width: 200px;">BlaBla</div> <!-- CELDA -->
            <div class="tableCell" style="width: 50px;">BlaBla2</div> <!-- CELDA -->
      </div>
      <div class="tableRow"> <!-- FILA -->
            <div class="tableCell" style="width: 200px;">BlaBla</div> <!-- CELDA -->
            <div class="tableCell" style="width: 50px;">BlaBla2</div> <!-- CELDA -->
      </div>
</div> 

[dark_lock]

Y aquí el css

Código:

.table{
	border-style: solid;
	border-color: #000;
	border-width: 1px;
	border-bottom-width: 0px;
	width: 575px;
}

.tableRow{
	background-color: #ffffff;
    position:relative;
	width: 575px;
	height: 25px;
    color: #000000;
    font-size: 12px;
    border-bottom-style: solid;
    border-color: #000000;
    border-width: 1px;
}

.tableCell{
	background-color: #ddd;
	position: relative;
	height: 20px;
	padding-top: 5px;
	float: left;
}

Un saludo

[dark_lock]

Entonces se puede o no?

Un saludo