Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/07/2008, 02:08
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Expandir capa a ambos lados

Mira, yo lo haría así: una caja dentro de la principal, colocada con bottom y con el texto centrado dentro de ella y el fondo transparente. Dentro un bloque de texto con fondo blanco.

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>sk8</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0;}
#contenedor {position: relative;
width: 200px;
height: 200px;
margin: 0 auto;
border: solid 5px #ccc;
}
.individual {
bottom: -10px;
position:absolute;
width:100%;
background: transparent;
text-align: center;
}
.texto {background-color: #fff;padding: 0 6px;
}
</style>
</head>
<body>
<div id="contenedor">
<div class="individual"><span class="texto">texto centrado</span></div>
</div>
</body>
</html>
__________________
Visita mi nueva web idplus.org