Versión imprimible del tema: fieldset distinto según qué navegador
URL: https://soporte.miarroba.es/1365/10393481-fieldset-distinto-segun-que-navegador/

De la comunidad de foros: Foro de soporte
URL: https://soporte.miarroba.es


Autor: mikmik44, 29/Nov/2011, 19:47


Hola:  Una duda curiosa que me lleva toda la tarde.

He subido una página que contiene un <fieldset> y tiene un estilo en una hoja css vinculada.

En Firefox se ve como yo quiero, pero en IE le salen unas rayas horizontales del color del borde que no sé cómo quitar.  si alguien le puede echar un ojo para ver cuál podría ser el problema...  La página está aquí

https://miscimas.webcindario.com/sobreruedas/noti.htm

El estilo del fieldset es

Cita:

.fieldset1 {
border: 2px solid #FF9900;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0B173B;
}
.legend1 {
text-align:center;
font-weight:bold;
font-size:14px;
}

y el fieldset contiene esto

Cita:

<fieldset class="fieldset1"><legend class="legend1"><span class="pie"> QUEDADA BTT </span></legend>
            <p class="tipo2"> <img src="fotos/qued612.jpg" width="100" height="100" hspace="10" align="left">El pr&oacute;ximo d&iacute;a 6, martes, a las 9:30, nueva salida desde la tienda, iremos por el Camino de Santiago GR-99 y la vuelta por Valdepilas, unos 40 km. aproximadamente, con un nivel medio asequible a todos.</p>
            <p align="right" class="tipo2"><a href="http://bikeroutetoaster.com/Course.aspx?course=331857" target="_blank">Recorrido previsto</a></p>
            <p align="center" class="tipo2"><strong>Martes 6 de diciembre, 9:30 &middot; 12:30 </strong></p>
        </fieldset>


Autor: mikmik44, 29/Nov/2011, 19:49


Claro está, tenéis que ver la página con los dos navegadores para ver la diferencia.  Gracias por vuestras respuestas, ya me canso de mirar y no encuentro la solución.


Autor: GestionXls, 29/Nov/2011, 20:07


Tienes mucho código basura producto del editor que usas.

He visto con Chrome (respeta estándares) y con IE 8, las únicas diferencias en IE 8 son:

- bordes cuadrados (IE no conoce -border-radius).

- legend alineado a la izquierda.

Ninguna línea 'extra'.

Prueba limpiar cache y archivos temporales en IE.


Autor: mikmik44, 29/Nov/2011, 20:16


El código basura, ¿te refieres en las dos citas que he puesto (el estilo y el fieldset), o es que has mirado el código fuente de la página?

Sobre el asunto en cuestión, he hecho otra prueba con el mismo código del fieldset pero quitándole la imagen que hay junto al texto (el img scr=....) y las líneas horizontales que hablo se han quitado.  Luego he probado ponerla con otro tipo de alineación y la única que da problemas es con alineación izquierda align="left" ¿por qué puede ser?

Bueno, como me da igual, alinearé la foto a la derecha y ya está.

Gracias, GestionXls


Autor: GestionXls, 29/Nov/2011, 20:57


Sip, con código basura me refería al que crea el editor (no al que escribes tú para que se vea en la web).

No he vuelto a visitar la página, pero si comentas que que al quitar la imagen desapareció la línea que veías es posible que las imagenes tengan un estilo que añade una línea o borde.