09/09/2010, 10:06
|
| | Fecha de Ingreso: noviembre-2004 Ubicación: Buenos Aires
Mensajes: 34
Antigüedad: 20 años, 2 meses Puntos: 0 | |
Respuesta: ajustar divs al contenido Muy bueno! Ajustando un poco la tuerca yo había llegado a esto:
<?php
$txtNota = "Este es el texto de la nota principal... la verdad que no tengo ni idea que más escribir, "
. "así que simplemente repetiré este texto una y otra vez. Este es el texto de la nota "
. "principal... la verdad que no tengo ni idea que más escribir, así que simplemente repetiré "
. "este texto una y otra vez. Este es el texto de la nota "
. "principal... la verdad que no tengo ni idea que más escribir, así que simplemente repetiré "
. "este texto una y otra vez. Este es el texto de la nota "
. "principal... la verdad que no tengo ni idea que más escribir, así que simplemente repetiré "
. "este texto una y otra vez. Este es el texto de la nota "
. "principal... la verdad que no tengo ni idea que más escribir, así que simplemente repetiré "
. "este texto una y otra vez. Este es el texto de la nota "
. "principal... la verdad que no tengo ni idea que más escribir, así que simplemente repetiré "
. "este texto una y otra vez. Este es el texto de la nota "
. "principal... la verdad que no tengo ni idea que más escribir, así que simplemente repetiré "
. "este texto una y otra vez. Este es el texto de la nota principal... la verdad que no tengo ni "
. "idea que más escribir, así que simplemente repetiré este texto una y otra vez. Este es el "
. "texto de la nota principal... la verdad que no tengo ni idea que más escribir, así que "
. "simplemente repetiré este texto una y otra vez.";
$txtInfo = "Este el el texto informativo que complementa a la nota principal";
$pos = (int)((strlen($txtNota)-(strlen($txtInfo)*130/170))/2);
$txtA = substr($txtNota,0,$pos);
$txtB = substr($txtNota,$pos);
?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prueba</title>
<style type="text/css">
#contenedor {
background-color: #009900;
width: 300px;
}
#contenido {
background-color: #FF9900;
width: 130px;
float: right;
display: inline;
}
</style>
</head>
<body>
<div id="contenedor">
<?php echo $txtA; ?><span id="contenido"><?php echo $txtInfo; ?></span><?php echo $txtB; ?>
</div>
</body>
</html> Nota: Lo único malo es que para centrar el div interior lo hice en base a la cantidad de caracteres. Y por otro lado, aparte de controlar donde inserto al div contenido al preparar la página, renuncié a la idea de que salga del contenedor. |