En Thu, 08 Feb 2007 02:39:15 +0100, LISTAS <[EMAIL PROTECTED]>
escribió:
> Tengo un problema con el siguiente código. En la hoja de estilo tengo
> esto:
>
> .marginal {background: yellow; text-align: rigth; width: 40px; display:
> inline; margin: 0px 10px 0px 0px}
>
> y en el body, una colección de esto (desde el 1 hasta el 10):
>
> <div class="marginal">1. </div>Texto 1<br>
> <div class="marginal">1.1 </div>Texto 1.1<br>
> <div class="marginal">10. </div>Texto 10<br>
>
> En Explorer (¡de no creer!) se ve "correctamente", pero en Firefox y
> Ópera la cosa no es lo de esperar: las cajas no respetan ni el alineado
> a la derecha ni el ancho obsoluto.
>
> ¿Soluciones? ¿Las hay...? ¿Quién es el "cuco" esta vez?
Dos cosas:
- Si un elemento tiene "display:inline" no puede tener un ancho fijo (o al
menos varios navegadores "guays" no le hacen caso ;)). Con el alineado a
la derecha, lo mismo.
- El marcado que tienes es algo (bastante) incorrecto. Sin entrar en usar
listas (aunque es una lista), ¿no podrías probar con algo parecido a esto?
<p><span class="marginal">1.</span> Texto 1</p>
<p><span class="marginal">1.1</span> Texto 1.1</p>
<p><span class="marginal">10.</span> Texto 10</p>
De cualquier forma, no sé cómo es el contexto, igual te vendría bien usar
divs para todo, al estilo:
<div class="marginal">1.</div><div>Texto 1</div>
Pero el marcado que tienes es, no sé, muy raro para lo que quieres
conseguir, estás usando divs para luego declararlos "inline"... Yo te
aconsejo alguna de las dos formas. Y en vez de usar el "display:inline",
usa los "float:left", así podrás darle ancho fijo y tendrás menos
problemas.
--
Víctor Pimentel
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
