[Ayuda] Reto DIV (was xhtml)

Jue Oct 14 16:03:47 CDT 2004

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.

_______________________________________________
Ayuda mailing list
Ayuda en linux.org.mx
Para salir de la lista: http://mail.linux.org.mx/cgi-bin/mailman/listinfo/ayuda/