se desmorona con firefox!!!!!!!!

muy buenas a todos , os expongo mi duda, resulta que despues de leer el manual del curso completo paso a paso me decidi a hacerme mi propia pagina web. despues de muchos ratos y quebraderos de cabeza me ha salido una cosa parecida a una web, pero que para ser el primer intento no esta mal, ya la ire mejorando. lo que pasa es que cuando la abro con el internet explorer va de P.M., pero cuando la abro con firefox.....ohhhh sorpresa se desmorona, le he dado vueltas al codigo y no veo que puede fallar.

a ver si me podeis echar una mano y veis en donde esta el fallo que yo no logro ver y como tengo que solucionarlo.

esta es la direccion:

http://pinturassena.atwebpages.com

si la abris con el internet explorer vereis como es la pagina realmente y que no tiene nada que ver con la de firefox.


muchas gracias a tod@s de antemano.

El primer fallo es diseñar para explorer. Hay que diseñar para firefox y luego corregir errores en explorer.

Tienes bastantes fallos, yo que tu empezaba de nuevo orientandome a que quede bien en firefox.

Podrias poner tu codigo html y css, aqui?

wolfmoon escribió:El primer fallo es diseñar para explorer. Hay que diseñar para firefox y luego corregir errores en explorer.

Tienes bastantes fallos, yo que tu empezaba de nuevo orientandome a que quede bien en firefox.

perdona mi ignorancia wolfmoon pero ¿como se diseña enfocando a uno u otro explorador y que diferencia existe?.
dime que fallos ves y los intentare corregir. un saludo y muchisimas gracias por tu respuesta

erseba123 escribió:muy buenas a todos , os expongo mi duda, resulta que despues de leer el manual del curso completo paso a paso me decidi a hacerme mi propia pagina web. despues de muchos ratos y quebraderos de cabeza me ha salido una cosa parecida a una web, pero que para ser el primer intento no esta mal, ya la ire mejorando. lo que pasa es que cuando la abro con el internet explorer va de P.M., pero cuando la abro con firefox.....ohhhh sorpresa se desmorona, le he dado vueltas al codigo y no veo que puede fallar.

a ver si me podeis echar una mano y veis donde esta el fallo que yo no logro ver y como tengo que solucionarlo.

esta es la direccion:

http://pinturassena.atwebpages.com



muchas gracias a tod@s de antemano.

alguien que me ayude porfaaaaaa!!!!!!

Lo que comenta wolfmoon es cierto. Cuando diseñas una web tienes que tener a mano el firefox, opera o safari. Aunque mejor firefox.

Pues bien, a lo que se refiere wolfmoon es que diseñes la página y te fijes en cómo va quedando en el firefox, olvidándote del explorer. Una vez la tengas como quieres en firefox, dedícate a ir corrigiendo los errores en el explorer.

Te dejo algunas técnicas para que tu web se vea bien o más o menos bien en todos los navegadoresque, si buscas por google sabrás a qué me refiero:

- Reset css
- Usar hojas de estilo diferentes para internet explorer y, si hace falta también para algún otro navegador.
- Hacks css: yo nunca tuve que usarlos pero a veces dicen que es lo único que peudes hacer para que se vea bien en explorer.

Saludos

Parece que hay un div que esta demás o debería haber llevado algo adentro pues ocupa espacio pero no tiene nada dentro es

<div id="contenido"><div id="menu"</div>

Si lo borras no se ve tan largo todo.

he incluso elque esta sobre el

<div id="cabecera"></DIV>

estan cerrados </div> pero no tienen contenido.

zonurb, corrige lo que te están diciendo, es que abres mal los divs, pones cosas como:

<div id="loquesea"

en vez de:

<div id="loquesea">

Ya te digo que, si corrigiendo esos errores no se arregla, es casi mejor que empieces de 0 fijándote solo en firefox. Cada cambio que hagas vas mirando cómo queda y cuando detectes que se desmorona pues ya sabes de qué se trata.

Saludos ;)

Foley lo que pasa es que en firefox se ve mal se ve una gran, parte verde , ósea hay un espacio inmenso de verde, cosa que en Explorer no se ve en Explorer se ve bien
Ahora yo tengo entendido que .
Y los navegadores leen en forma distinta esto espacios vacíos, por ejemplo si tiene contenido no muestran el div pero otro te lo lee literalmente si hay div lo lee y mas aun si uno no le ordena un alto y ancho el div.


Si eso que dices Foxles también es cierto puede que el div este mal cerrado o abierto

Hay que poner comillas donde deben ir comillas, hay que abrir una capa y cerrar esa capa SIEMPRE, y esto es muy importante, incluso las etiquetas vacias como img, br... deben cerrarse de esta manera <img />
.

De lo contrario os dara muchos quebraderos de cabeza.

También podrías revisar la hoja de estilos

Porque das un alto total de 600 px
la cabecera tiene 202 px
el contenido 400px

En tu hoja de estilos si bajas

body{text-align:center;;width: 800px;background-color:#BDB76B}
#global {width: 800px; margin: 4px auto;text-align:center;height:600px}

queda asi
body{text-align:center;;width: 800px;background-color:#BDB76B}
#global {width: 800px; margin: 4px auto;text-align:center;height:10px}

Cambias el alto 600 a10

Que significa global?
Porque queda bien así en Firefox ,alomejor son las proporciones entre el alto?
:shock:

erseba123 escribió:muy buenas a todos , os expongo mi duda, resulta que despues de leer el manual del curso completo paso a paso me decidi a hacerme mi propia pagina web. despues de muchos ratos y quebraderos de cabeza me ha salido una cosa parecida a una web, pero que para ser el primer intento no esta mal, ya la ire mejorando. lo que pasa es que cuando la abro con el internet explorer va de P.M., pero cuando la abro con firefox.....ohhhh sorpresa se desmorona, le he dado vueltas al codigo y no veo que puede fallar.

a ver si me podeis echar una mano y veis donde esta el fallo que yo no logro ver y como tengo que solucionarlo.

esta es la direccion:

http://pinturassena.atwebpages.com

si la abris con el internet explorer vereis como es la pagina realmente y que no tiene nada que ver con la de firefox.


muchas gracias a tod@s de antemano.

pues nada que no consigo hacerla rular en firefox he probado empezando la pagina desde 0 y lo maximo que he conseguido es que vaya bien al eliminar la capa y los contenidos del menu lateral izquierdo,si lo elimino si que se ve bien (sin esos elementos claro) pero al empezar a colocar elementos en esa capa ...adios ¿¿¿alguna sugerencia??????

erseba, por favor, sigo viendo errores triviales en las etiquetas. En concreto en la etiqueta div global y div menu. Abriéndolas/cerrándolas mal cómo se va a ver bien?

Estate atento o no sé, vuélvete a leer el curso completo paso a paso ;)

y empezando por aqui

<div id="global"</div>

al abrir global te falta un corchete
y lo cierras sin ponerle nada dentro
tonces?????

dentro de global debe estar toda tu web
ese cierre deberia estar al final
justo antes del cierre de body

checale bien por cada abrir de div debe estar su cierre
ni de mas, ni de menos

saludos

bueno voy progresando,foley, efectivamente era la etiqueta de cierre de la capa menu la que desmoronaba todo, la tenia pero en mal lugar, lo siento por tanta tozudez pero es que ya no veia nada me puse nervioso y no acertaba a dar con el fallo, pero gracias de todos modos y janeth tenias razon me falta un corchete y cambiar la etiqueta de cierre de global de lugar, mil gracias, ahora estoy mirando porque no se me ven los anuncios que he puesto. ni el borde en firefox pero poco a poco....un saludo y gracias por vuestro tiempo chicos....