[Previo por Fecha] [Siguiente por Fecha] [Previo por Hilo] [Siguiente por Hilo]
[Hilos de Discusión] [Fecha] [Tema] [Autor]A ver, esto me funcionó a mi en Firefox y Opera sin tener que utilizar el
famoso display:table-cell. Les pego mi HTML porque no tengo ahorita donde
publicarlo.
>><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
>><html>
>><head>
>><title>El reto</title>
>><style type="text/css">
>>#Layer0 {
>> border-bottom: 1px solid #000;
>>}
>>#Layer1 {
>> background: url(rms-big.png) no-repeat bottom left;
>> width: 100%;
>> height: 150px;
>> display: table-cell;
>> padding-left: 140px;
>> vertical-align:bottom;
>>}
>>#bottom {
>> vertical-align:bottom;
>>}
>></style>
>><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
>></head>
>><body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
>><div id="Layer0">
>> <div id="Layer1">
>> <span id="bottom">Subtítulos para la conferencia de RMS de</span><br
/>
>> <span id="bottom">"El movimiento del Software Libre y el sistema
operativo GNU/Linux"</span>
>> </div>
>></div>
>></body>
>></html>
Aquí reciclé un poco la idea de ion, simplemente agregué el texto en unos
horribles [span] para que la propiedad vertical-align agarrara. Aunque
sucio, es efectivo.
Saludos.
Alejandro.