Os escribo porqué estoy haciendo mi primera web y tengo bastantes problemas para que se me visualicen todos más o menos bien. La verdad es que con Safari y Chrome se me ve sin ningún fallo aparente.
El problema viene con FireFox 4, Firefox 3 y cualquiera de los Internet Explorer.
La web es sencilla, he utilizado XHTML 1.0 y CSS, así que supongo que tendrá los errores más comunes (creo).
Antes que nada me gustaría preguntar como puedo solucionar esto:
[url=http://www.flickr.com/photos/sbeltranprat/5573651808/][img]http://farm6.static.flickr.com/5054/5573651808_8221699bd6_z.jpg[/img][/url]
Cuando ya no hay más puertas pero quiero mantener la estructura de la lista pongo esto en el código:
Código HTML:
Ver original
Aquí tenéis un enlance de la web:
[URL="http://s310876771.mialojamiento.es/productes/portadeza.html"]http://s310876771.mialojamiento.es/productes/portadeza.html[/URL]
¿Como puedo evitar que se me vea el rectángulo vacío? ¿La única solución es poner una imagen del mismo color del fondo?
Bien, ahora comento los principales problemas con los navegadores:
En Internet Explorer i Firefox 3 en las imagenes me ocurre esto:
[url=http://www.flickr.com/photos/sbeltranprat/5573086027/][img]http://farm6.static.flickr.com/5145/5573086027_34ce7613dc.jpg[/img][/url]
Me sale un contorno en las imágenes que tienen un enlace, ¿como lo soluciono?
Otro problema y el más "grave" ha sido con las listas donde pongo las imágenes.
Safari y Chrome
[url=http://www.flickr.com/photos/sbeltranprat/5573095073/][img]http://farm6.static.flickr.com/5174/5573095073_78d9306490_z.jpg[/img][/url]
Perfecto (excepto la puerta vacía que he comentado anteriormente)
FireFox 4
[url=http://www.flickr.com/photos/sbeltranprat/5573686824/][img]http://farm6.static.flickr.com/5299/5573686824_78ceb4e59a.jpg[/img][/url]
Aquí podemos ver como se me ha desmontado un poco la estructura, la puerta vacía que estaba la derecho en safari y Chrome ahora está a la izquierda, y la descripción vacío con un guionito está debajo de una puerta que no le corresponde.
FireFox 3 y Internet Explorer
[url=http://www.flickr.com/photos/sbeltranprat/5573696128/][img]http://farm6.static.flickr.com/5263/5573696128_7071bf2469.jpg[/img][/url]
Como se puede observar está todo desmontado, es un desastre!
Aquí os vuelvo a poner el enlace para que podáis ver el código entero:
[URL="http://s310876771.mialojamiento.es/productes/portadeza.html"]http://s310876771.mialojamiento.es/productes/portadeza.html[/URL]
Y por último quería comentar una cosa en referencia a las fuentes. En Safari, Chrome y FireFox 4 (Mac) las fuentes se ven respetando las fuentes. Pero luego he visto en Firefox 3 y Internet Explorer (win) que las fuentes se me ven horribles, muy delgadas, sin estilo, y yo he puesto de tipo de letras en la web Tahoma o Verdana, fuentes que el ordenador de Win tiene, a que se debe?
Perdonar por el rollazo este, y gracias de antemano.